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 <a...@squidge.me> 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.
No comments:
Post a Comment