如何使用 jQuery 切换修复此脚本？答案

【问题标题】：How can I fix this script with jQuery toggle?如何使用 jQuery 切换修复此脚本？
【发布时间】：2013-12-04 15:39:14
【问题描述】：

我试图让这个 jQuery 脚本工作，但可能有问题。我想通过单击页面右侧的箭头来使脚本正常工作。正如您从 JavaScript 代码和 jsfiddle 测试中看到的那样，我尝试让隐藏的 #top-bg 向下滑动。

JavaScript 代码：

$(document).ready(function() {
    $(".bottone").click(function() {
        $("#top-bg").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });
});

这是 jsfiddle 测试：TEST

我哪里做错了？

【问题讨论】：

标签： javascript jquery menu toggle slidedown

【解决方案1】：

您没有使用正确类型的引号。

两者有很大区别：

$(“.bottone”).click(function(){

还有：

$(".bottone").click(function(){

【讨论】：

你能更好地解释一下有什么问题吗？我已经上传了 jsfiddle 文件。我已经更正了引号，但仍然不起作用。
如果你测试一下，这实际上并不能解决问题

【解决方案2】：

您使用的是“智能引号”而不是常规引号。另外，a标签也不需要了，你可以把它去掉，直接对triangolo应用点击功能

$("#triangolo").click(function(){
    $("#top-bg").slideToggle("slow");
    $(this).toggleClass("active"); return false;
});

Updated jsFiddle

【讨论】：

【解决方案3】：

你使用了错误的引号，并且你试图点击一个空标签（所以实际上什么都没有）......;）

这是一个有效的 JsFiddle：http://jsfiddle.net/uazw6/11/

  <div id="top-bg" class="bg"></div>
   <div id="top" class="bg">
   <div id="triangolo"><a href="#" class="bottone">test</a>
       </div>
  </div>

Javascript：

$(document).ready(function(){

  $(".bottone").click(function(){
      $("#top-bg").slideToggle("slow");
      $(this).toggleClass("active");
  });

});

【讨论】：

【解决方案4】：

我已经修复了...我已经更新了你的 jsfiddle...测试一下...

您的代码现在如下所示...

$(document).ready(function(){

$("#triangolo").click(function(){
$("#top-bg").slideToggle("slow");
$(this).toggleClass("active"); return false;
});

});

【讨论】：

【解决方案5】：

您也可以通过更改以下代码来解决此问题

<div id="triangolo"><a href="#" class="bottone"></a>
           </div>

与

<a href="#" class="bottone"><div id="triangolo">
           </div></a>

【讨论】：