jQuery Click-Ereignis ein div Dia macht nach unten und schiebt nächsten div aus Ansichtsfenstern

Question

Ich versuche, herauszufinden, wie jQuery Dia # content2 machen nach unten und # content1 damit zu ersetzen, während es wie # content1 aussehen wird von # content2 tatsächlich nach unten gedrückt es aus dem Blickfeld zu entfernen ...

Dann wird die gleiche Taste, die angeklickt wurde # machen Content2 # content1 ersetzen würde auch durch den Ersatz # content2 mit # content1 die umgekehrte Wirkung zu tun, müssen sie nach oben schieben und schieben sich gegenseitig aus dem Weg zu machen ...

Ich bin gar nicht so toll mit jQuery so bin ich sicher, habe ich darüber in die falsche Richtung gegangen, aber hier ist, was ich versucht habe:

$(document).ready(function() {
$('#click').click(function() {
 if($('#content1').is(':visible')) {
  $('#content1').slideUp();
 }
 else {
  $('#content2').slideDown();
 }
}).click(function() {
 if($('#content1').is(':visible')) {
  $('#content2').slideDown();
 }
 else {
  $('#content1').slideUp();
 }
});

});

Answer 1

Sie müssen nur einmal zu binden, und klicken Sie können die Dia-Effekt umschalten. Man könnte so etwas wie diese

versuchen

$(document).ready(function() {

  $('#click').click(function() {
    $('#content1').slideToggle();
    $('#content2').slideToggle();
  }
}

Answer 2

Jetzt versuchen Sie zwei Klickereignishandler auf das gleiche Element zu binden. Dies ist nicht möglich, wie Sie versuchen, aber mit einem Namensraum Veranstaltungen ist es: $(#click).bind('click.event1') und dann später .bind('click.event2')

Allerdings können Sie auf alle in einer Funktion:

$(document).ready(function() {
    // Pre selected for increased speed
    var content1 = $('#content1');
    var content2 = $('#content2');

    $('#click').click(function() {
        content1.slideToggle();
        content2.slideToggle();
    });
});

Es wird nicht in perfekt Synchronisation sein, aber wahrscheinlich OK aussehen.