Perfect thanks. Not sure why I couldn't get that going myself...
On May 2, 2:32 pm, BlueCockatoo <[EMAIL PROTECTED]> wrote:
> You could use
>
> $(".line-item", $(this).parent())
>
> which brings back all .line-items under the context of the parent or
> you could use
>
> $(this).parent().find(".line-item")
>
> which searches for any .line-items under the parent.
>
> Either one should work, so pick your favorite :)
>
> - Lindsay
>
> On May 2, 12:38 pm, Chuck Cheeze <[EMAIL PROTECTED]> wrote:
>
> > Below is my html/EE code:
>
> > <pre>
> > <div class="less-info">
>
> > <!-- Standard configuration -->
>
> > <!-- Show more button -->
> > <span class="show-more">{lang_showmoreinfo}</span>
>
> > <!-- Standard configuration tab -->
> > <span class="tab">{lang_standardconfigurations}</span>
>
> > <!-- Parts list -->
> > <ul class="part-detail-box">
> > {related_entries id="cf_products_parts"} <!-- loop -->
>
> > <li class="line-item">
> > <!-- Part number - floated right -->
> > <span
> > class="part-number">{cf_parts_partnumber}</span>
>
> > <!-- Part title - aligned left -->
> > {cf_parts_title}
> > {if cf_parts_desc}
> > <div class="line-item-detail">
> > {cf_parts_desc}
> > </div>
> > {/if}
> > </li>
>
> > {/related_entries} <!-- end loop -->
> > </ul> <!-- part-detail-box -->
>
> > </div> <!-- less-info -->
> > </pre>
>
> > What I want is for the user to click the span.show-more and have it
> > toggle show/hide all li.line-item's within its own parent (div.less-
> > info). I tried all types of stuff. I can get the parent to show/
> > hide, so I can get that far. From there I need to get to all child
> > li.line-items.
>
> > Here is what i stopped with, which I know is incorrect snce children()
> > only selects direct children:
>
> > <pre>
> > //toggle the display of the individual product details
> > $(".show-more").toggle(
> > function() {
> > $(this).parent().children(".line-item").show();
> > },
> > function() {
> > $(this).parent().children(".line-item").hide();
> > }
> > );
> > </pre>
