Ich muss wissen, wie eine Umschalttaste

Question

implementieren Ich habe eine Frage in diesem Forum geschrieben und ein Moderator gebeten, eine Frage zu erstellen und den ursprünglichen Beitrag zu verknüpfen.

Dies ist die Post. toggle show/hide div with button?

Die Frage bezieht sich auf die von NAVEED zur Verfügung gestellte Lösung am 24. Dezember 10 um 19:50.

Ich möchte wissen, wie kann ich nur das Wort "Öffnen" in der Schaltfläche verwenden, wenn das Div geschlossen ist und "Schließen", wenn das Div geöffnet ist? Ich meine, die Wörter öffnen und schließen auf der Schaltfläche.

Vielen Dank.

Answer 1

Verwendung der folgenden HTML Naveed verwendet.

HTML

<div id='content'>Hello World</div> 
<input type='button' id='hideshow' value='hide/show'> 

Sie können dann den folgenden JS verwenden, um sowohl eine Ein-/Ausblenden Klasse auf Taste verwenden und den Text ändern.

JS

var btn = $('#hideshow') 
    var content = $('#content') 

    btn.click(function()) { 
     if (content.hasClass("show"){ 
      content.removeClass('show'); 
      btn.text('open'); 
     } else{ 
      content.addClass('show'); 
      btn.text('close'); 
     } 
    }); 

CSS

#content{ 
    display: none; 
} 
#content.show{ 
    display: block; 
}