如何設置隱藏最初 - javascript

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

$(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(); 
     } 
    }); 
});

來源

2013-10-20 user2733223

你似乎缺乏對自己的代碼非常基本的理解。在你觸摸巨大的圖書館之前，反轉一個條件是你應該學會的。看看'！='運算符，或者更好''=='運算符。 –

需要對問題有最少的瞭解 –

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

首先，看看JS的基礎知識/ jQuery的
檢查細節元素的可見性或使用類代替檢查它的文本
使用內置的jQuery的方法toggle切換能見度
最初隱藏的元素使用的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/

來源

2013-10-20 14:48:27

如何設置隱藏最初 - javascript

回答

相關問題