Nedumeriri cu show/hide in jQuery

Discutii legate de AJAX, jQuery, MooTools, Prototype, Dojo, Yahoo! UI Library,script.aculo.us, ExtJS,AngularJS, Backbone.js, Ember.js, KnockoutJS

Moderator: Moderatori

tedy
Average Member
Mesaje: 95
Membru din: Vin Ian 06, 2012 7:28 pm
Localitate: Ramnicu Valcea
Contact:

Nedumeriri cu show/hide in jQuery

Mesajde tedy » Mie Dec 12, 2012 7:33 pm

Salut.

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&nbsp;comentarii</span>
            <span class="views">103&nbsp;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.



Avatar utilizator
mandix
Average Member
Mesaje: 142
Membru din: Dum Apr 01, 2012 2:04 am
Localitate: Santana, Arad
Contact:

Re: Nedumeriri cu show/hide in jQuery

Mesajde mandix » Mie Dec 12, 2012 7:45 pm

ce vrei tu sa faci se numeste accordion in jQuery, si mi se pare ca este si un plugin pentru asta fara sa iti mai bati capul. Fa un search on google: "jquery accordion divs", si vei gasi 100% in primul link.

tedy
Average Member
Mesaje: 95
Membru din: Vin Ian 06, 2012 7:28 pm
Localitate: Ramnicu Valcea
Contact:

Re: Nedumeriri cu show/hide in jQuery

Mesajde tedy » Mie Dec 12, 2012 8:18 pm

Mersi omule, m-ai scapat de o gramada de batai de cap. Cautasem si eu dar evident nu stiam de denumirea "accordion" si nu gasisem plugin-ul. Mersi inca o data, raman dator.

Avatar utilizator
mandix
Average Member
Mesaje: 142
Membru din: Dum Apr 01, 2012 2:04 am
Localitate: Santana, Arad
Contact:

Re: Nedumeriri cu show/hide in jQuery

Mesajde mandix » Mie Dec 12, 2012 8:42 pm

Sa-ti fie de folos :) Mai sunt acolo o gramada de pluginuri de tip widget,... , date la testare. Ai putea sa arunci o privire peste toate, niciodata nu stii cand ai nevoie.


Înapoi la “Librarii Javascript”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 2 vizitatori