JS控制DIV显示隐藏,第一次点击只能显示一秒钟就又隐藏了，之后点击就是正常的

怎么才能解决第一次点击闪一下的问题啊 代码我贴出来了
<script>
function change() {
var divDisp = document.getElementById("condition").style.display;
if (divDisp == "block") {
document.getElementById("condition").style.display = "none";
} else {
document.getElementById("condition").style.display = "block";
}
};
</script>

<button id="filterbt" onclick="change();">筛选条件</button>
<div id="condition" style="display:none">
<div class="name">
<input type="text" placeholder="5" class="user"/>
<span class="name1 name2">积分排名前N名</span>
</div>
</div>

将第二个的input标签的type改为button，这样子就不会提交了。所以显示出的内容就不会消失了。当你想提交表单内容时，可以在JS里加一下代码：var formobj = document.getElementsByTagName[0]; formobj .submit();这样就提交了表单，当然，上面显示的内容又会消失了追问

我试了改成button 也还是闪啊....

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/c0s6xtsh62t2fhtxsfh.html