Programmatically toggle a jquery treeview item?

Question

I have a jquery treeview as navigation for a website. I am using the options:

unique:true,
collapsed:true

but I need to have the first item expanded. I also would like to be able to toggle states in certain functions.

How can i programmatically toggle a jquery treeview item?

I have read the documentation and searched everywhere, but I can't figure it out. My javascript/jquery skills are not great, so I can't figure out how to add this feature myself.

Any help would be appreciated, thanks!

Update:

I spent so long looking at the options/source code I didn't see the "closed" class right there in the intro page. That helps a lot!

also, I found that using (pointed in the right direction by Chris Gutierrez):

$('#tree div.expandable-hitarea:first').click();

works to expand that item! Now, I just have to create my own toggle functions.

Thanks.

"I also would like to be able to toggle states in certain functions." Can you give us more details? Perhaps posting your code will make perfect sense. — Jay Zeng
– Jay Zeng, Commented Dec 17, 2009 at 19:39

Chris Gutierrez · Accepted Answer · 2009-12-17 19:45:11Z

2

It looks like you could just execute a click on the desired li. For the first one try something like

$("#example li.collapsable:first").click();

Or when you initially render the html, just add the "expandable" class to the first li.

answered Dec 17, 2009 at 19:45

Chris Gutierrez

4,75522 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sieben Over a year ago

this doesn't work for me, but it did help me figure it out (I've updated my question)

Chris Gutierrez Over a year ago

The css selector I used in the answer was setup for the example in the documentation. Glad you got it working.

Sander Rijken · Accepted Answer · 2009-12-17 19:39:18Z

1

The demo at the documentation link you provided, does exactly that. The source is available. Is there a problem with the way they do it there?

answered Dec 17, 2009 at 19:39

Sander Rijken

21.7k3 gold badges65 silver badges86 bronze badges

Collectives™ on Stack Overflow

Programmatically toggle a jquery treeview item?

Update:

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update:

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related