How to get multiple html() strings in jQuery
- by Bryan
I'm pretty new to jQuery... so far I'm impressed. But I encountered a situation today that is giving me trouble. I want to use .html() to get some raw text and use that in a selector, but that function only returns the first element.
In the following structure, how can I get ALL of the "toggle_containerLG" divs to show when I click on the trigger "Some Header"?
<h6 class="trigger active">Some Header</h6>
<ul>
<li><a href="#" class="trigger">Title One</a></li>
<li><a href="#" class="trigger">Title Two</a></li>
<li><a href="#" class="trigger">Title Three</a></li>
</ul>
<div class="toggle_containerLG" id='Title_One'></div> <!-- show these! -->
<div class="toggle_containerLG" id='Title_Two'></div>
<div class="toggle_containerLG" id='Title_Three'></div>
<div class="toggle_containerLG" id='Title_Four'></div> <!-- not this one! -->
I can't use $(".toggle_containerLG") because there are others I don't want to expand... I just want the ones listed under "Some Header". Seems like there should be an easy way to do it... and I'm just missing it because I don't know jQuery very well.