如何将CSS动态添加到菜单项

Question

I want to Highlight the Menu Dynamically in Html Pages using Js.

For Example

<div id="cssmenu">
<ul id="myid">
    <li id="m1"><a href="company.html">COMPANY</a></li>
    <li id="m2" class="has-sub"><a href="#">SERVICES</a>
        <ul>
            <li class="has-sub"><a href="#">Enterprise Solution</a>
                <ul>
                    <li><a href="sap.html">SAP</a></li>
                    <li><a href="oracle.html">Oracle</a></li>
                </ul>
    </li>
</div>

I given Like this. But its not working

<script>

$(document).ready(function() {
    $("#cssmenu ul li").click(function() {

        $(this).addClass('active').siblings('li').removeClass('active');

    });
});

For this i would like activate the Menu when it is Clicked Using Js. Please Help me.

Thanks in Advance.

Answer 1

I have a demo for you here: http://jsfiddle.net/ttaN2/4/

I have altered the HTML so that there are correct open and close tags:

<div id="cssmenu">
    <ul id="myid">
        <li id="m1"><a href="company.html">COMPANY</a></li>
        <li id="m2" class="has-sub"><a href="#">SERVICES</a></li>
        <li class="has-sub"><a href="#">Enterprise Solution</a>
            <ul>
                <li><a href="sap.html">SAP</a></li>
                <li><a href="oracle.html">Oracle</a></li>
            </ul>
        </li>
    </ul>
</div>

I believe this is what you intended. I am not sure what you intended to happen when you click on another sub menu though. I'll try to help you out if you can describe exactly what you intend to happen.