jquery - How do I modify this code to allow a different element to trigger the event? -


html

<div id="sidebar"> <ul>     <li>         <h2>             header         </h2>         <ul>             <li><a href="#">li3</a></li>             <li><a href="#">li2</a></li>             <li><a href="#">li3</a></li>         </ul>     </li> </ul> </div> 

jquery

$(document).ready(function () {     $('li').click(function () {         if ($('ul', this).is(":hidden")) {             $('ul', this).slidedown("slow");         }         else {             $('ul', this).slideup("slow");         }     } ); }); 

i want slideup(), slidedown() reached if <h2> clicked. currently, both called if <li> clicked.

how can fix this?

$(document).ready(function () {     $('h2').click(function () {         $(this).next('ul').slidetoggle('slow');     }); }); 

Comments

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -