怎么突出menuItem？

Question

我在jsf上做了一个名为“MenuBar”的菜单，点击每个菜单类型后刷新页面。

这是菜单：

<h:form id="menuForm">
            <p:messages id="messages"/>
            <p:menubar styleClass="menuPrincipal" id="menuBar">
                <p:menuitem value="Inicio" url="/Inicio.xhtml" 
                     icon="ui-icon-home" styleClass="scroll" />
                <p:menuitem value="Agregar Excepciones" styleClass="scroll"
                    url="/ExcepcionNuevo.xhtml" 
                    icon="ui-icon-plusthick" />
            </p:menubar>
</h:form>

我在js中创建了一个函数，以突出显示menuItem，但是当点击我时突出显示menuItem“Inicio”以及其他选项，当你点击不是我时你突出显示。

这是功能：

$(function() {

	$("a[href='/ScoreExcepciones/Inicio.xhtml']").addClass("active");
	$("a.scroll ").click(function() {
		$("a.scroll").removeClass("active");
		$(this).addClass("active");
	});
});