Question

我有一个像这样的Drupal html：

<div class="field field-name-js-link field-type-ds field-label-hidden">
    <div class="field-items">
        <div class="field-item even">Enlace Responder</div>
    </div>
</div>
<div id="comments" class="comment-wrapper">
    <form class="comment-form ds-1col " action="/drupal7/felgtb-vih/httpdocs/comment/reply/39" method="post" **id="comment-form"** accept-charset="UTF-8" style="display: block;"><div><div class="ds-1col ds-form clearfix">

    </form>
</div>
<div class="field field-name-js-link field-type-ds field-label-hidden">
    <div class="field-items">
        <div class="field-item even">Enlace Responder</div>
</div>
</div>
<div id="comments" class="comment-wrapper">
    <form class="comment-form ds-1col " action="/drupal7/felgtb-vih/httpdocs/comment/reply/39" method="post" id="comment-form--2" accept-charset="UTF-8" style="display: block;"><div><div class="ds-1col ds-form clearfix">

    </form>
</div>
<div class="field field-name-js-link field-type-ds field-label-hidden">
    <div class="field-items">
        <div class="field-item even">Enlace Responder</div>
    </div>
</div>
<div id="comments" class="comment-wrapper">
    <form class="comment-form ds-1col " action="/drupal7/felgtb-vih/httpdocs/comment/reply/39" method="post" id="comment-form--3" accept-charset="UTF-8" style="display: block;"><div><div class="ds-1col ds-form clearfix">

    </form>
</div>

当我点击<div> class="field-name-js-link"时，我需要该页面显示与此<div>相关的表单（下方显示的表单）。例如，如果我点击<div> class="field-name-js-link"，则必须显示第一个＆＃34;表格＆＃34 ;;如果我使用<div>点击第二个class="field-name-js-link"，则必须显示第二个＆＃34;表单＆＃34;等。

所有这一切都使用javascript或jquery。

谢谢！

Answer 1

这将使您在第一次点击时显示注释字段，并在以后进行切换。

$(function () {
    $(".field-name-js-link").click(function () {
        var visible = $(this).next(".comment-wrapper").is(":visible");
        $(".comment-wrapper").hide(); // hide all the other forms
        $(this).next(".comment-wrapper").toggle(!visible); // toggle the form below this
    });
});

DEMO

单击不同链接时显示不同的表单

1 个答案: