Javascript Jquery在父div中打开和关闭

这个标题并没有很好地解释，基本上我有8个div，相同，具有相同的css样式类

它们都有隐藏内容，我希望一次只能扩展一个div，而不需要为每个div和隐藏内容使用不同的类或标识符

我曾尝试使用两个相同的div在Jsfidle上显示它，但由于某些原因，我甚至无法在jsfiddle上启动它

---

这目前可以在上面工作，但会打开所有隐藏的文本，如前所述，注释是：我一直试图只在我按下的按钮的父div中展开可单击的

您不必为此使用那么多代码。简单地使用

$(document).on('click', ".servicereadmore", function (e) {
    e.preventDefault();
    if ($(this).parent().find('.hiddenservices').is(":visible")) {
        $(this).html("Read more");
    } else {
        $(this).html("Read less");
    }
    $(this).parent().find('.hiddenservices').slideToggle(1000);
});

您可以使用
slideToggle（）
，而不是添加和删除类名

您有
返回false。这将不允许rest代码工作，，，
return false;

e.preventDefault();

$(this).closest('.myinfo').find('.hiddenservices').slideDown(1000);

$(document).on('click', ".servicereadmore", function (e) {
    e.preventDefault();
    if ($(this).parent().find('.hiddenservices').is(":visible")) {
        $(this).html("Read more");
    } else {
        $(this).html("Read less");
    }
    $(this).parent().find('.hiddenservices').slideToggle(1000);
});