Question

我正在尝试创建一个按钮，在每次其他点击时切换两个元素的可见性...这个工作正常到几天前，但现在在页面加载时它隐藏了按钮。我发现.toggle也可用于显示/隐藏元素，但是如何使用它在备用点击的功能之间切换？

JS：

$("#button").toggle(
     function(){
          $('#stuff1').hide("slow");
          $('#stuff2').show("slow");
     },
     function(){ 
          $('#stuff1').show("slow");
          $('#stuff2').hide("slow"); 
     }
);

HTML：

<img id="button" src="button.jpg"/>
<p id="stuff1">stuff</p> 
<p id="stuff2">stuff</p>

Answer 1

它停止为你工作的原因是因为toggle重载在1.8中已被弃用但你没有注意到，并且在1.9中被删除了，现在你才注意到：

.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )

弃用版本：1.8，已移除：1.9

使用use toggle功能：

$("#button").click(function(){
      $('#stuff1').toggle("slow");
      $('#stuff2').toggle("slow");
});

Answer 2

试试这个

<强> Jquery的

$("#button").click(
     function(){         
          $('#stuff1').toggle("slow");
          $('#stuff2').toggle("slow");
     }

);

<强> CSS

#stuff1
{
    display:none;
}

.toggle（）只隐藏它的目标元素，而不是在备用点击上切换状态

2 个答案: