Multi Stage Hierarchical jQuery Menu: jQSimpleMenu

As your website grows, so does the necessity for higher navigation and typically the navigation turns into the driving drive for more senior person expertise. jQSimpleMenu is a multi-level hierarchical jQuery drop down menu that helps you add drop down menu in your website without writing a single line of code.

Utilizing jQSimpleMenu

In your HTML file add the next within the head part.

• Add a reference to newest jQuery script
• Add a reference to jqsimplemenu.js file
• Add a reference to jqsimplemenu.css file

Add the HTML markup to your menu with within the physique of HTML doc, assign some id or class to most important UL and name jQSimplemenu initializer operate.

  <ul class="jq-menu">
        <li><a href="https://www.egrappler.com">Residence</a></li>
        <li><a href="https://www.egrappler.com/about">About</a></li>
        <li><a href="#">Companies </a>
            <ul>
                <li><a href="#">Sofware Improvement</a>
                    <ul>
                        <li><a href="#">Net Apps</a></li>
                        <li><a href="#">Widgets</a>
                            <ul>
                                <li><a href="#">jQuery Plugins</a></li>
                                <li><a href="#">Asp.NET Controls</a></li>
                                <li><a href="#">Salesforce Integration</a> </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">Interface Design</a></li>
                <li><a href="#">Technical Writing</a></li>
                <li><a href="#">Resume Writing</a></li>
            </ul>
        </li>
        <li><a href="#">Portfolio</a>
            <ul>
                <li><a href="#">Net Appliations</a></li>
                <li><a href="#">SaaS</a></li>
                <li><a href="#">Home windows Purposes</a></li>
                <li><a href="#">Cellular Purposes</a></li>
                <li><a href="#">Server Purposes</a> </li>
            </ul>
        </li>
        <li><a href="https://www.egrappler.com">Weblog</a></li>
        <li><a href="https://www.egrappler.com">Contact</a></li>
    </ul>

<script sort="textual content/javascript">
        $(doc).prepared(operate() );
</script>