Hey Leute ich habe da eine kleine Frage, ich habe zwei divs übereinander (trigger), wenn ich auf diese klicke öffnet sich ein Container (toggle_container), das ganze ist eine art Dropdown. Dies funktioniert soweit auch ganz gut nur wenn ich den einen Trigger aufhabe, soll der andere sich schließen aber ich kriege es auf Biegen und brechen nicht hin. Damit ihr mein Problem vieleicht besser versteht hier mal meine Struktur:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13

<div class="passage1">                 <div class="trigger"><a href="#">Passage 1 oeffnen</a></div>                     <div class="toggle_container">                             <p>Passage 1</p>                         </form>                     </div>             </div>             <div class="passage2">                 <div class="trigger"><a href="#">Passage 2 oeffnen</a></div>                     <div class="toggle_container">                     <p>passage 2</p>                     </div>                 </div>

Ich hoffe ihr könnt mir helfen

Code javascript:

1 2 3

$(".trigger").click(function() { $(".toggle_container").toggle(); });

Das würde schon reichen.
Das setzt allerdings vorraus das einer der toggle_container am Anfang sichtbar und der andere versteckt ist, da du ansonsten beide auf oder beide zu machst beim klick auf trigger.

Moin,

probiers mal hiermit:

Code :

1 2 3 4 5 6 7 8 9

$(window).load(function(){   $('div.trigger').click(function(){   if($(this).parent().find('div.toggle_container').is(':hidden'))   {     $('div.toggle_container').hide();   }   $(this).parent().find('div.toggle_container').toggle();     }); });

Ist der aktuell betroffene toggle_container ausgeblendet, werden alle anderen toggle_container auch ausgeblendet.
Der aktuelle wird danach getoggled.