[jQuery] R: [jQuery] Only show div's within parent.
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Hi, another example..
$(document).ready(function(){
$('.hidden').hide(0) // just if you want all items closed at the beginning
$('a.show').click(function () {
$('.hidden').slideUp('fast') // just if you want a kind of accordion
$(this).next('div').slideToggle('fast') // it takes just the next div :)
});
});
here is a demo <a href="http://www.pirolab.it/piro_09/slide_up.html">http://www.pirolab.it/piro_09/slide_up.html</a>
Diego
--- <b>Dom 5/10/08, henrikaagaardsorensen@gmail.com <i><henrikaagaardsorensen@gmail.com></i></b> ha
scritto:
<blockquote style="border-left: 2px solid rgb(16, 16, 255); margin-left: 5px; padding-left: 5px;">Da: henrikaagaardsorensen@gmail.com <henrikaagaardsorensen@gmail.com>
Oggetto: [jQuery] Only show div's within parent.
A: "jQuery (English)" <jquery-en@googlegroups.com>
Data: Domenica 5 ottobre 2008, 14:32
<pre>This is my first time with jQuery!
I have a list like this:
<ul id="results">
<li>
<a href="#" class="show">some text</a>
<div class="hidden">some text</div>
</li>
<li>
<a href="#" class="show">some text</a>
<div class="hidden">some text</div>
</li>
<li>
<a href="#" class="show">some text</a>
<div class="hidden">some text</div>
</li>
</ul>
And a script like this:
$(document).ready(function(){
$("a.show").click(function () {
$("div.hidden").slideToggle("fast");
});
});
Now when a press one of the links with the class "show" it does show
every div with the class "hidden". But I only want to show the child
div of the link "show". Not all of them.
Is that possible and how?
</pre></blockquote></td></tr></table>
<hr size=1><font face="Arial" size="2">Scopri il <a href="http://us.rd.yahoo.com/mail/it/taglines/yahoo/ymail/SIG=11djrg460/**http%3A%2F%2Fwww.ymailblogit.com%2Fblog%2F"> Blog di Yahoo! Mail</a>: trucchi, novità, consigli... e anche la tua opinione!</font>