Geçiş düğmesinin nasıl uygulanacağını bilmem gerekiyor

Question

Bu forumda bir soru yayınladım ve bir soru ve orijinal gönderiye bağlantı oluşturması istenen bir moderatör.

Bu gönderi. toggle show/hide div with button?

NAVEED tarafından sağlanan çözüm, 19:50 'de Dec 24 '10 olarak yanıtlandı.

Div kapalıyken ve div açıkken "kapat" düğmesinde yalnızca "open" kelimesini nasıl kullanabilirim? Demek istediğim, kelimeleri açma ve kapatma düğmesi.

Teşekkür ederiz.

Answer 1

Aşağıdaki HTML'yi kullan Naveed kullanılmış.

HTML

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

hem butonuna bir göstermek/gizlemek sınıfını geçiş ve metni değiştirmek için Daha sonra, aşağıdaki JS kullanabilirsiniz.

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; 
}