.toogle（），但在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(...)为按钮上的click事件添加事件处理程序。这不是必需的，因为您正在使用onclick属性，因此每次单击按钮时都会执行函数showhide_detail_sc2()。

尝试直接执行切换命令：

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