Question

I have a menu.

     <div id="ReportMenu" class="left-box" style = "width: 250px;">
            <p class="section-title">
               <span>Select Report : </span>
            </p>
               <ul id="left-box" class="menu-left-box">
                    <li id="menu_1" class="selected"><a href="#"  onclick="getPartial(1);">A</a></li>
                    <li id="menu_2"><a href="#" onclick="getPartial(2);">B</a></li>
                    <li id="menu_3"><a href="#" onclick="getPartial(3);">C</a></li>
                    <li id="menu_4"><a href="#" onclick="getPartial(4);">D</a></li>                      
    </ul>   
     </div>

I need to make menu item bold when a user clicks on that menu item. When User clicks on some other menu item, class on previous menu item should be removed.
I will have to write Jquery code in getPartial() method.

How can i do this?

Thanks,
Marcus

Answer 1

function getPartial(variable)
{$(".menu-left-box li").css("font-weight","normal");
$(".menu-left-box li:eq("+(variable-1)+")").css("font-weight","bold");
}