Sample jquery tree menu 2011

Asked By 30 points N/A Posted on -
qa-featured

Hi All,

I need to know about creating jQuery tree menu,

Please do the needful for getting me a sample jQuery tree menu 2011 in which months will come in the tree.

Please help me, so that I can understand the coding.

Thanks,

April Rosas

SHARE
Answered By 0 points N/A #151355

Sample jquery tree menu 2011

qa-featured

You can easily create tree view items. For doing so add the following HTML snippet in your HTML file.

<ul>

<li id="m1">Main 1</li>

<div id="l1cover">

<ul>

<li>1</li>

<li id="inLst">2</li>

<div id="inCt1">

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

</div>

<li>3</li>

</ul>

</div>

</ul>

<ul>

<li id="m2">Main 2</li>

<div id="l2cover">

<ul>

<li id="inLst2">1</li>

<div id="inCt2">

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

</div>

<li>2</li>

<li>3</li>

</ul>

</div>

</ul>

Now for making your treeview work please add the following jQuery snippet:

 Collapse | Copy Code

 $("#m1").click(function () {

$("#l1cover").toggle("fold", 1000);

});

$("#m2").click(function () {

$("#l2cover").toggle("fold", 1000);

});

$("#inLst").click(function () {

$("#inCt1").toggle("fold", 1000);

});

$("#inLst2").click(function () {

$("#inCt2").toggle("fold", 1000);

});

Output: 

  • Main 1

    • 1
    • 2

      • 1
      • 2
      • 3
    • 3
  • Main 2

    • 1

      • 2
      • 2
      • 3
    • 2
    • 3

 

 

Login/Register to Answer

Related Questions