Div-Inhalt onclick-Menü mit Jquery ersetzen

Question

Ich versuche, ein Menü zu erstellen, wo es den Inhalt im Inneren durch ein anderes div bereits erstellt, aber derzeit auf ausgeblendet ersetzt. Ich kenne andere Methoden, um dies zu tun, aber sie sind nicht sehr sauber.

What I currently have done. Der aktuelle Code, in dem ich versuche zu verwenden:

function switchDiv(content){ 
    $("#Phrase")hide().replaceWith($("#" + content).css("visibility", "visible").fadeIn("slow")); 
    } 

Ich versuche, das Konzept von einem anderen Standort zu replizieren ich auf eine andere Stelle gefunden. Wo Text in einem Array gespeichert und dann ersetzt wird mit:

$("#menu-sub-menu > ul > li[id^=d]").click(function() { 
     $("#defined").hide().html(Phrases[$(this).index()]).fadeIn("slow"); 
    }); 

Aber ich möchte mehr als nur Text ersetzen.

Wenn jemand weiß, wie diese Art von Menü heißt, wäre das nett.

Answer 1

Es funktioniert nicht, weil Sie nach dem ersten Klick den gesamten Inhalt von #Phrase durch den einen Satz ersetzen, den Sie behalten.

alle der testdiv ‚s nehmen und sie irgendwo anders setzen als die #phrasediv zunächst.

Auch - Sie möchten nicht replaceWith verwenden. Das wird die #Phrasediv entfernen und Sie werden es nicht wieder verstecken können. Wenn Sie Ihre jquery-Befehle nicht verketten, können Sie möglicherweise zuerst an die gewünschten Stellen gelangen und diese dann erneut verketten, wenn Sie möchten.