Question

I have the following:

  <div class="io-section-header">
  <ul>
    <li class="advanced">Eat</li>
    <li class="advanced">Sleep</li>
    <li class="advanced">Be merry</li>
  </ul>
 </div>

I have the jQuery (which is tied to a click() handler:

$('io-section-header').each(function() {
                $("li").siblings(".advanced").toggle('fast',function(){});
            });

Why aren’t the list items toggling?

Answer 1

I dont think you actually need the each() statement for what you are trying to do. This should work fine.

$('.io-section-header li').siblings(".advanced").toggle('fast');

here is a fiddle http://jsfiddle.net/8kpcn/1/

---

In fact this will do the same thing as well

$('.io-section-header li.advanced').toggle('fast');

http://jsfiddle.net/8kpcn/2/