Sample jquery tree menu 2011

Asked By April Rosas 30 points N/A Posted on - 08/02/2013

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

• Status: Open
• Question Views: 773
• Answer Count: 1
• Vote Up 0 Vote Down

• Answer Accepted: No
• Question Category: Java

Answered By Devid James 0 points N/A #151355

Sample jquery tree menu 2011

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

 

 

About Devid James

Questions
0

Answers
46

Best Answers
19

• Vote Up 0 Vote Down

• Posted on - 11/09/2013
• Question Category: Java