请问一些关于用函数改变display的值实现显示和隐藏div的问题

Question

为什么第一次点击的时候，div就显示了，再次点击的时候不隐藏呢，这个事件为什么if后的语句能用，else后不执行呢function setab(){var ww = document.getElementById("setab");if(ww.style.display="none"){ww.style.display="block"}else{ww.style.display="none" }}

Answer 1

<input type="button" style="margin-left:5px;" class="buttonBg1" value="收起搜索" id="searchSwitch">
<script>
//搜索面板
$('#searchSwitch').toggle(
function () {
$('#searchPanel').slideUp();
$(this).val('展开搜索');
},
function () {
$('#searchPanel').slideDown();
$(this).val('收起搜索');
}
);

</script>

Answer 2

可以尝试换种写法
<script>
function setab(){
var nam=document.getElementById("setab").style.display;
if(nam=='block'){
document.getElementById("setab").style.display='none';
}else{
document.getElementById("setab").style.display='block';
}
}
</script>