jqueryにおけるtoggleメソッドの使用例

query    web             。       js     ， jquery     over 。      jquery toggle              js  。       ，    jquery toggle          

（1）toggle

                 。           ，  ：
      	

var phpersnote=document.getElementById('phpernote');
if(phpersnote.style.display=='block'){
 phpersnote.style.display='none';
}else{
 phpersnote.style.display='block';
}

var phpersnote=$('#phpernote');
if(phpersnote.is(':hidden')){
 phpersnote.show();
}else{
 phpersnote.hide();
}

$('#phpernote').toggle();

     show hide toggle                      ，       。

（2）slideToggle

               ，    ：
      	

var phpersnote=$('#phpernote');
if(phpersnote.is(':hidden')){
 phpersnote.slideDown();
}else{
 phpersnote.slideUp();
}

$('#phpernote').slideToggle();

slideDown slideUp slideToggle                     。

（3）fadeToggle

 div             ：
      	

var phpersnote=$('#phpernote');
if(phpersnote.is(':hidden')){
 phpersnote.fadeIn();
}else{
 phpersnote.fadeOut();
}

$('#phpernote').fadeToggle();

fadeIn fadeOut fadeToggle                     。

（4）toggleClass

           class  ：
      	

var phpersnote=$('#phpernote');
if(phpersnote.hasClass('com')){
 phpersnote.removeClass('com');
}else{
 phpersnote.addClass('com');
}

$('#phpernote').toggleClass('com');