how to toggle this function using my custom function

Question

Im trying to toggle the function but its not working. i don't where im wrong

Tried Code

$('.toggledropdown').click(function(e){
 // $('.showdropdowninv',this).toggle('slow');
 $('.showdropdowninv').toggle('slow');
});

I need to toggle particular clicked ul but its not working . Im using this function its not working

something like this

$('.showdropdowninv',this).toggle('slow');

can u check my fiddle toglle both works at the same time. I need to both work seprately — Question User
– Question User, Commented Sep 18, 2016 at 11:37

nnnnnn · Accepted Answer · 2016-09-18 11:44:07Z

2

To toggle the display of just the items associated with the clicked anchor, use jQuery's DOM navigation methods to go up to the closest parent div, then down to the .showdropdowninv item(s) within that div only:

$('.toggledropdown').click(function(e){
  $(this).closest('div').find('.showdropdowninv').toggle('slow');
});

Updated version of your fiddle: http://jsfiddle.net/V4X4t/243/

(Obviously the closest parent element might not be a div in all cases, but it is for the html in your fiddle. You could also select the parent by class, e.g., for your html you could use .closest('.element-dragging').)

(Note also that you could use a similar technique to implement the "Select all" checkboxes for each group.)

edited Sep 18, 2016 at 11:44

answered Sep 18, 2016 at 11:38

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

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

Collectives™ on Stack Overflow

how to toggle this function using my custom function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related