jQuery Show Ein Div und die Anderen Auszublenden

http://jsfiddle.net/yrM3H/2/

Ich habe den folgenden code:

jQuery(document).ready(function() {
  jQuery(".toggle").next(".hidden").hide();
  jQuery(".toggle").click(function()
  { 
    $('.active').toggleClass('active').next('.hidden').slideToggle(300);
    $(this).toggleClass('active').next().slideToggle("fast");   

});
});

Habe ich mehrere <div>'s und meine Idee ist, dass, wenn ich ein <div> wechselt ein weiterer <div>. Und dann, wenn ich auf einem anderen <div>, es blendet die offenen <div>. Daher nur eine <div> ist gleichzeitig geöffnet.

Mein einziges Problem ist, dass mit diesem code, wenn ich versuche zu schließen <div>, die bereits geöffnet ist, wird es zu schließen und dann wieder öffnen. So eine <div> wird immer geöffnet sein.

Jede Hilfe wird sehr geschätzt, danke.

Habe ich den HTML-und CSS-unten. Alles funktioniert gut, außer, dass ich kann es nicht, so dass alle von Ihnen sind geschlossen.

Ich habe 5 von diesen, die auf einander gestapelt in einem wrapper.

*bearbeitet für Klarheit *

//HTML
<div class="toggle"></div>
<div  class="hidden"></div>

//CSS
.toggle {width:398px; height:48px; cursor: pointer;}
.hidden {width:300px; height:75px; background-color:#333333; margin-left:50px; text-indent:25px;}
Bitte legen Sie einige der relevanten HTML-und CSS-code in Ihrem OP. Auch ist das erstellen einer JSFiddle wäre toll.
Inhalt wurde aktualisiert, und eine jfiddle als Hinzugefügt wurden.

InformationsquelleAutor Ando | 2011-07-28

  1. 9

    Diese werden es beheben:
    http://jsfiddle.net/yrM3H/3/

      jQuery(".toggle").click(function()
  { 
    $('.active').not(this).toggleClass('active').next('.hidden').slideToggle(300);
    $(this).toggleClass('active').next().slideToggle("fast");   
  });

    muss man ausschließen das angeklickte element bilden ".active" - Sektion mit .nicht() da das angeklickte element ist ".aktiv" an.

    Tausend Dank, sehr geschätzt.

    InformationsquelleAutor meo

Schreibe einen Kommentar