只是因為非常少用到但是就是會用到

所以就記錄下來了

第一種方式

function showdiv(id) {
  try {
      var sbtitle = document.getElementById(id);
      if (sbtitle) {
          if (sbtitle.style.display == 'block') {
              sbtitle.style.display = 'none';
          } else {
              sbtitle.style.display = 'block';
          }
      }
  }
  catch (e) { }
} 

<input type="checkbox" onclick="showdiv("divtag");" />
<div id="divtag" style="display: none;"> 

要顯示跟隱藏的內容

</div>

第二種方式(Jquery)

$("#g_check").click(function() {
   if ($("#g_check").attr("checked"))
   {                	
       $("#myimg").show("slow");                
   }
   else
   {
       $("#myimg").hide(500);       
   }
});

<input type="checkbox" id="g_check" name="g_check" />
<div id="myimg" style="display: none">
要顯示跟隱藏的內容
</div>

    全站熱搜

    鴨爸 發表在 痞客邦 留言(0) 人氣()