Jquery 多元素的jq简单切换

您好，我需要使用这个多重切换，因为现在他会在单击时显示所有行。使用.nextAll:“first”以针对特定元素

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
$('#toggle').click(function() {
$('.toggle').slideToggle('fast');
return false;
});

    });
</script>


<a href="#" id="toggle">show-hide</a><br />
<div class="toggle" style="display:none;">test</div>

<a href="#" id="toggle2">show-hide</a><br />
<div class="toggle" style="display:none;">test2</div>

解决方案1

你可以给你想要点击的链接一个像这样的类

HTML

解决方案2

或者可以使用以选择器开头的属性^=

使用该属性以选择器开始，然后使用当前元素获取具有指定类的下一个div，然后滑动它

试试看

---

那么问题是什么？它是切换多个项目，其中r u？wr是pendrive吗？由于页面上的其他链接变得不可触及，是否有可能以某种方式重新编写此代码？是的，您可以使用添加类到要使用click函数的元素，或者使用以选择器$'a[id^=toggle]开头的属性@user3189476@user3189476更新了答案

  $(function () {
      $('a').click(function () {
          $(this).nextAll('.toggle:first').slideToggle('fast');
          return false;
      });

<a href="#" class="linkClick" id="toggle">show-hide</a><br />
<div class="toggle" style="display:none;">test</div>

<a href="#" class="linkClick" id="toggle2">show-hide</a><br />
<div class="toggle" style="display:none;">test2</div>

$('.linkClick').click(function () {
      $(this).nextAll('.toggle:first').slideToggle('fast');
      return false;
});

  $('a[id^="toggle"]').click(function () {
      $(this).nextAll('.toggle:first').slideToggle('fast');
      return false;
  });

$(function() {
     $('a[id^="toggle"').click(function() {
        $(this).nextAll('.toggle').first().slideToggle('fast');
     });
 });