$('document').delegate('.seeMore a', "click", function() {
var $allTabs = $(this).closest('.globalTabs').find('.allTabs');
$allTabs.slideDown('slow');
});
The DOM elements are:
<div class="globalTabs">
<ul>
<li>
<a>some link</a>
</li>
<li>
<a>some link</a>
</li>
<li class="seeMore">
<a>some link</a>
</li>
</ul>
<div class="tabContent">
some content
</div>
<div class="allTabs">
mutliple links
</div>
</div>
the above function is in an .each
- so for each .globalTabs
this function should run.
But it seems to not be finding the elements at all, even when there is only one on the page, the seeMore a
doesn't have any events tied to it (using visual event to determine).
Thoughts?
(I should mention that bind works, but live does not).
There is no need in quotes for
document
in the first selector: