Как переключать строку таблицы при нажатии другой

Question

Как переключать строку таблицы при нажатии другой

0

Ну.. мой английский короткий... извините!

Этот код, как вы видите, получает некоторые данные из БД и строит таблицу:

.answer{display: none;}

<c:forEach var="quest" items="${list }">
    <c:if test="${quest.qkind==1 }" var="1">
        <tr class="queset">
            <th >${quest.no }</th>
            <td>${quest.question }</td>
        </tr>
        <tr class="answer ~~~~">
            <th></th>
            <td span="cols=2">${quest.contents }</td>
        </tr>
    </c:if>
</c:forEach>

Когда я нажимаю строку с классом .queset я бы хотел переключить соответствующую скрытую строку с классом .answer.

Как я могу это достичь?

joshua.kim 14 дек. 2013, в 16:00

Источник

1

Ваш английский не короткий, ваш вопрос
TheCarver 14 дек. 2013, в 14:14
0

что вы имеете в виду под переключателем?
ProllyGeek 14 дек. 2013, в 15:21
1

@ProllyGeek: jQuery toggle ()
TheCarver 14 дек. 2013, в 15:48
0

или вы также можете использовать slideToggle() для плавного перехода.
Pbk1303 16 дек. 2013, в 05:06

Показать ещё 2 комментария

Теги:

jquery

toggle

1 ответ

Ещё вопросы

Ваш английский не короткий, ваш вопрос
что вы имеете в виду под переключателем?
или вы также можете использовать slideToggle() для плавного перехода.

TheCarver · Accepted Answer · 2013-12-14T12-05-00.000Z

Я ОЧЕНЬ незнакомый с языком на стороне сервера, который вы используете, поэтому может не работать как есть.

<c:forEach var="quest" items="${list }">
    <c:if test="${quest.qkind==1 }" var="1">
        <tr class="queset" data-question="${quest.no }">
            <th >${quest.no }</th>
            <td>${quest.question }</td>
        </tr>
        <tr class="answer" data-answer="${quest.no}">
            <th></th>
            <td span="cols=2">${quest.contents }</td>
        </tr>
    </c:if>
</c:forEach>

JQuery

$('.queset').click(function() {
    $('tr[data-answer="'+$(this).data('question')+'"]').toggle();
});

демонстрация

Проверьте рабочую демонстрацию (без скриптов на стороне сервера).