javascript - 使切换仅打开主动单击的按钮,而不是所有切换

标签 javascript jquery html

现在我有一个切换开关,当您单击它时,会打开每个名为“内容”的切换开关。我怎样才能使开关单独打开?

fiddle :http://jsfiddle.net/4N6xj/embedded/result/

$(document).ready(function(){
 var $content = $(".content").hide();
 $(".toggle").on("click", function(e){   
      $content.slideToggle(200);
  });
});

最佳答案

定位 next()单击的 .toggle

中的 .content 元素
$(document).ready(function(){
    $(".content").hide();

    $(".toggle").on("click", function(e){   
        $(this).next('.content').slideToggle(200);
    });
});

FIDDLE

关于javascript - 使切换仅打开主动单击的按钮,而不是所有切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25106588/

相关文章:

php - 如何从 $_POST 数组中删除元素?

javascript - 使用 HTML5/JavaScript 访问 Amazon S3 上的文件

javascript - 在文档加载时更改标签的颜色

jquery - 使绝对定位的 div 在悬停时可见且可导航

javascript - 将 TypeScript 与 jQuery 结合使用,引用文件不存在

jQuery UI 对话框和 Ajax POST、JSON

html - XPath 选择带有单个子元素的 div 忽略空格?

javascript数组问题

javascript - 如何返回第二大值的变量

javascript - 抓取 Parsley JS 字段错误并更新 CSS