control an ASP.Net treeview in Javascript

Question

How can I write Javascript to expand and collapse a particular parent of a TreeView when i click on the parent node?

If one of the parent nodes is expanded, then if I click on that it should collapse; and if already collapsed, then vice versa.

What js framework are you using? Post more details in the question. — Jonathan Julian
– Jonathan Julian, Commented Feb 20, 2010 at 12:34

Harmen · Accepted Answer · 2010-02-20 12:40:01Z

3

It's as easy as:

<ul id="tree">
    <li>
        <span class="title">Title</span>
        <ul>
            <li><span class="title">Item 1</span></li>
            <li><span class="title">Item 2</span></li>
            <li><span class="title">Another item</span>
                <ul>
                    <li><span class="title">another one</span></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

$(document).ready(function(){
    $('#tree span.title').click(function(){
        $(this).next().toggle();
    });
});

When using jQuery.

Here is an example

answered Feb 20, 2010 at 12:40

Harmen

22.5k4 gold badges57 silver badges77 bronze badges

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

2 Comments

Harmen Over a year ago

jQuery is actually a Javascript library, which makes Javascript a little easier to write: jquery.com

user274139 Over a year ago

can u pls provide in javascript because im totally new in javascript as well treeview

Collectives™ on Stack Overflow

control an ASP.Net treeview in Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related