javascript - .toggle() 按钮 2 次或 3 次单击

Question

Wordpress 个人项目，我有点失望:

我已经从简码(function.php)创建了一个按钮和一个 div:

(进入我的简码函数)

echo '<br /><br /><br /><button id="button_detail_sc2" onclick="showhide_detail_sc2()">Take a look on the div</button><br />';
echo '<div id="resume_quest_sc_2">XXXXXXXX</div>';

我做了一个隐藏/显示div的函数

function showhide_detail_sc2()
{
jQuery("#button_detail_sc2").click(function() {jQuery("#resume_quest_sc_2").toggle();  });}

一切正常，但我第一次必须单击按钮 3 次才能隐藏 div，之后必须单击 2 次才能再次显示或隐藏 div。

我不明白，我只是想每次点击一键隐藏/显示。

你能帮我吗？

Answer 1

函数 jQuery("#button_detail_sc2").click(...) 为按钮上的单击事件添加事件处理程序。这是不必要的，因为您使用的是 onclick 属性，因此每次单击按钮时都会执行 showhide_detail_sc2() 函数。

尝试直接执行切换命令:

function showhide_detail_sc2()
{
    jQuery("#resume_quest_sc_2").toggle();
}