Question

Need a little help: I’m using jquery treeview plugin (this one: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/). And I’d like to do highlighting the current item. I’m doing it this way:

CSS:

.filetree li .clicked {
    font-weight: bold;
}

And JS code:

$('li').live('click', function(event){
    event.stopPropagation();
    console.log(this.id);
    $('.clicked').removeClass('clicked');
    $(this).addClass('clicked');
    return false;
});

Everything works fine, but all items are highlighted together with its child elements, and the root elements are not highlighted in a whole.

How can I make a highlighting of only current item? Thanks in advance!

Answer 1

Ok, the right way is:

 $(event.target).addClass('clicked');

instead of

 $(this).addClass('clicked');