Am un cod HTML5 cam asa:
Cod: Selectaţi tot
<article class="topArticle">
<div class="header">
<h3>Titlu</h3>
</div>
<div class="content" id="1">
<div class="description">
<p>Descriere</p>
</div>
<div class="info">
<span class="date"><time pubdate="pubdate">2012-09-01</time></span>
<span class="comments">11 comentarii</span>
<span class="views">103 vizualizari</span>
</div>
</div>
</article>
Acest <article> e repetat de 3 ori (3 articole diferite, la primul <div class="content" id="1">, al doilea id="2", etc). As vrea sa obtin un efect de genul asta: la $(document).ready(function(){ //se ascunde contentul de la fiecare articol, ramanand decat headerele, dupa care primul articol este afisat complet }. Dupa aceea, as vrea ca la click pe <div class="header">, daca articolul e ascuns, sa se ascunda celelalte si sa se afiseze cel cu pricina. Daca deja e afisat, un simplu return false sau ceva de genul asta.
Am incercat eu ceva, ceva, dar nu se prinde jQuery de mine mai deloc =\
Cod: Selectaţi tot
$(document).ready(function()
{
$('article.topArticle > div.content').hide();
$('article.topArticle > div#1').show();
});
$('article.topArticle > div.header').click(function()
{
//aici nu stiu cum sa fac verificarile (daca e deja vizibil return false daca nu sa se ascunda restu si sa se afiseze asta)
});
Vreun sfat ceva? Multumesc.