Ändern Sie die Funktion zum Ein-/Ausblenden, um nur die Breite und nicht die Höhe zu skalieren?

Question

Wie der Titel andeutet, verwende ich jQuerys Funktionen zum Ein- und Ausblenden, um Elemente ein- und auszublenden. Ich möchte jedoch nicht die Höhe des Elements skalieren, nur die Breite.

Ich habe über die Animate-Funktion nachgedacht, aber ich war mir nicht sicher, ob dies der beste Weg war.

Auch würde ich lieber nicht die Höhe im Javascript, wie es in der Markup ändern könnte.

Idealerweise möchte ich, wenn die Funktion aufgerufen wird, ein Element auszublenden, dass die Breite des Objekts von der ursprünglichen Breite auf 0 geht und Alpha auf 0 fällt, dann würde das Umgekehrte passieren, wenn ich sage, dass es angezeigt werden soll.

Answer 1

Sie wollen die belebte Funktion werden:

$("div.myElement").animate({width: "toggle"}); 

Die belebende zeigen und verstecken Methoden sind meist Eitelkeit Methoden, die eine hübsche Animation angezeigt werden soll. Im Allgemeinen möchten Sie den Effekt anpassen. Sie können auch versuchen:

$("div.myElement").animate({width: "toggle", opacity: "toggle"}); 

für eine ziemlich erweitern und Einblenden-Effekt. Und wenn Sie sich mit diesen Animationen immer und immer wieder finden, können Sie sie in einer neuen jQuery-Methode wickeln:

$.fn.myShow = function(duration) { 
    return this.animate({width: "toggle", opacity: "toggle"}, duration || 1000); 
}); 

$("div.myElement").myShow("slow");