Javascript FadeToggle无法正常工作

Question

如果我单击回复按钮，然后打开回复表单。但是，这有一个问题 代码仅适用于第一个元素

之后

按钮代码

<div class="reply-button bubble-ornament blue" id="replybutton">
                    <i class="icon-action-undo reply-icon"></i>
                  </div>

Js代码；

    $(document).ready(function () {
     $('#replybutton').click(function () {
         $('#replyform').fadeToggle();
    });
});

Answer 1

该ID在每个文档中应该是唯一的。就您而言，$('#replybutton')只能附加一次。请使用$('.replybutton')作为类选择器，并相应地修改HTML。