如何設置隱藏最初 - javascript

Question

我有這段代碼，最初顯示如何將其初始化爲隱藏狀態？

$(document).ready(function() { 
    $('#hideshow').click(function() { 
     var anchor_value = $('#hideshow').text(); 
     if (anchor_value == 'Hide') { 
      $('#hideshow').text('Show'); 
      $('#message').hide(); 
     } 
     if (anchor_value == 'Show') { 
      $('#hideshow').text('Hide'); 
      $('#message').show(); 
     } 
    }); 
}); 

Answer 1

我建議你重新考慮你的代碼：

1. 首先，看看JS的基礎知識/ jQuery的
2. 檢查細節元素的可見性或使用類代替檢查它的文本
3. 使用內置的jQuery的方法toggle切換能見度
4. 最初隱藏的元素使用的CSS設置相應的頁面

代碼：

$(document).ready(function() { 
    $('#hideshow').click(function() { 
     if ($("#message").is(":visible")) { 
      $('#hideshow').text('Show'); 
     } else $('#hideshow').text('Hide'); 

     $('#message').toggle(); 
    }) 
}); 

演示：http://jsfiddle.net/IrvinDominin/CFExY/