jquery - 单击阅读更多时，我有一个展开的 div，想要一个关闭链接吗？

Question

我只有一个工作，但我对下一个 div 做了完全相同的工作，但它不起作用？另外，我想在扩展内容的底部添加一个关闭链接。

查看我的 fiddle :http://jsfiddle.net/G59nH/3/

$(document).ready(function () {
$("#clickme").click(function () {
    $("#content").slideToggle("slow")
});
});

Answer 1

您正在使用 id，但您不能在 html 文档中有多个具有相同 id 的元素。请改用类，并根据与被单击链接的接近程度选择要滑动切换的内容(具有给定类)。

将 clickme 和内容 id 更改为类后，您可以将 js 更改为:

$(document).ready(function () {
    $(".clickme").click(function () {
        $(this).closest('.servicesBox').nextAll(".content").first().slideToggle("slow");
    });
});

工作 fiddle :http://jsfiddle.net/G59nH/11/

另请注意，您有一些 <div> <p> 内的标签标签(未固定在 fiddle 中)，这在技术上不是有效的语法 - 建议将它们替换为 div(如果您完全需要它们)并根据需要使用 css 调整间距。