HI,
Thanks for your response, it's a good answer and works in the case you
describe.
Unfortunately I've got 2 more <li>'s in between the clicked li and the
toggled li. The full code looks like this:
<ul>
<li class="evdate">date</li>
<ll class="evname"><a href="#">name</a></li>
<li class="evregion">Region</li>
<li class="evloc">Location</li>
<li class="evsum">Event summary to be hidden and displayed</li>
<li class="evdate">date</li>
<ll class="evname"><a href="#">name</a></li>
<li class="evregion">Region</li>
<li class="evloc">Location</li>
<li class="evsum">Event summary to be hidden and displayed</li>
</ul>
Is there a way to say toggle next+2?
Andy
On Oct 1, 7:45 pm, MorningZ <[EMAIL PROTECTED]> wrote:
> So, and if am understanding correctly... you have this html an are
> after some sort of accordion like behavior
>
> <ul>
>
> <li class="evname">Event 1 Name</li>
> <li class="evsum">Summary of Event 1</li>
>
> <li class="evname">Event 2 Name</li>
> <li class="evsum">Summary of Event 2</li>
>
> <li class="evname">Event 3 Name</li>
> <li class="evsum">Summary of Event 3</li>
>
> <li class="evname">Event 4 Name</li>
> <li class="evsum">Summary of Event 4</li>
>
> etc etc..
> </ul>
>
> and you have "evsum" hidden by say:
>
> .evsum { display: none; }
>
> and you want to click on the "evname" and show the related "evsum"
>
> if thats the case, the jQuery could be like:
>
> $(document).ready(function() {
> $(".evname").click(function() {
> $(this).next().toggle();
> });
>
> });
>
> that would show (or hide, hence the use of "toggle") the respective
> summary
>
> On Oct 1, 1:16 pm, andrewsquidge <[EMAIL PROTECTED]> wrote:
>
> > Hi guys,
>
> > I've been trying to get this literally all day! I just can't work it out.
>
> > I've got this HTML:
> > <ul>
> > <li class="evname"> 1 This is the event name </li>
> > <li class="evsum">some text here</li>
> > </ul>
>
> > On click of <li class="evname"> the li beneath should reveal. But because
> > there are many of these ona page and they will be dynamic I need to set it
> > to reveal only the relevant one.
>
> > So my plan was to reveal the relevant <li class="evsum"> in order. Here's
> > the jquery:
>
> > $(document).ready(function() {
>
> > $("li.evname").click(function() {
> > var id = this.id.replace('show_', "");
> > $("#eventlist li.evsum:eq("+id+")").slideToggle();
> > });
>
> > });
>
> > But I'm getting nothing. Even when I replace the action (slideToggle) with
> > an alert(id) I just get an alert saying "This website says:" and no id! I'm
> > stumped!
>
> > PLEASE, please please can someone help me out!
>
> > Thanks in advance.
> > Andy
> > --
> > View this message in
> > context:http://www.nabble.com/Passing-a-variable-to-a-function-tp19765153s272...
> > Sent from the jQuery General Discussion mailing list archive at Nabble.com.
