Как закрыть все toggle кроме одного?

Question

Демид Бородин @demidborodin

FrontEnd Developer

JavaScript

Как закрыть все toggle кроме одного?

Есть таблица, в ней постоянно дублируются вот такой кусок кода.

<table>
    <tbody>
        <td class="click">какой-то контент</td>
        <td class="description"> какой-то контент </td>

        <td class="click">какой-то контент</td>
        <td class="description"> какой-то контент </td>

         <td class="click">какой-то контент</td>
        <td class="description"> какой-то контент </td>
    </tbody>
</table>

Есть вот такой скрипт

$('table tbody tr.click').click(
    function () {
        $('.description').hide();
        $(this).addClass('open').next('.description').show();
    }
);

Сейчас это работает так.

Нажимаем на td.click - все td.description закрываются - next td.description открывается.
Мне нужно реализовать закрытие td.description по клику на td.click который его открыл (! и он не должен открыться снова !)

Пытался решить задачу добавлением класса к td.click но что-то идет не так, решил вернутся к исходному скрипту и спросить тут.

Вопрос задан более трёх лет назад
2340 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Answer 1 · 2015-01-09 22:11:52

$('table tbody tr.click').click(
    function () {
        var next = $(this).addClass('open').next('.description');
        if (!(next).is(':visible')) {
            $('.description').hide();
            next.show(); // показать, если элемент скрыт
        } else {
            next.hide();
        }
    }
);

Как закрыть все toggle кроме одного?

Войдите на сайт