0

我对 Jquery 真的很陌生。我多次使用相同的功能时遇到问题。我正在尝试创建一个常见问题解答页面。第一个常见问题解答正常，但第二个没有。

<script> 
$(document).ready(function(){
   $("#flip").click(function(){
      $("#panel").slideToggle("slow");
   });
});
</script>

这是我调用函数的地方

<body>

<div id="flip">How do I delete FAQ's?</div>
<div id="panel">I don't know</div>

<div id="flip"><h1>Why doesn't this work?</h1></div>
<div id="panel"><p>I still don't know</p></div>

</body>
4

2 回答 2

1

您可以使用“开始于”选择器，例如

$("[id^=flip]").click(function(){//your code here})

将函数绑定到 ID 以“flip”开头的所有元素。

于 2013-03-29T18:33:30.583 回答
0

因为ID必须是唯一的

使用类而不是与属性关联来指定必须显示哪个面板，如下所示：

<div class="flip" target="panelA">How do I delete FAQ's?</div>
<div class="panel" id="panelA">I don't know</div>

<div class="flip" target="panelB"><h1>Why doesn't this work?</h1></div>
<div class="panel" id="panelB"><p>I still don't know</p></div>

<script> 
$(document).ready(function(){
   $(".flip").click(function(){
      $('#' + $(this).attr('target')).slideToggle("slow");
   });
});
</script>
于 2013-03-29T18:28:53.533 回答