Получение нескольких раскрывающихся виджетов jquery для работы на одной странице

Question

Получение нескольких раскрывающихся виджетов jquery для работы на одной странице

0

Итак, на этой веб-странице есть 3 виджета с выпадающим меню, которые я хочу, чтобы все они работали явно. Я знаю, что на сайте есть что-то еще не так, но это мой конкретный вопрос.

https://comp105ithaca.com/~mshek1/Final%20Project/travels.html

Я думал, что это самый простой способ помочь вам, ребята, помочь мне.

user3075559 18 дек. 2013, в 13:14

Источник

Теги:

jquery

html

widget

1 ответ

Ещё вопросы

Magnus Engdal · Answer 1 · 2013-12-18T11-38-00.000Z

У вас есть две основные проблемы с этой функцией.

1)

Идентификаторы всегда должны быть уникальными. Измените id="toggle-open" на class="toggle-open". Затем выберите ширину $(".toggle-open") вместо $("#toggle-open").

2)

Вы не открываете и не закрываете определенную ячейку, вы выбираете все из них одновременно. Вы можете сделать что-то вроде этого:

$(".toggle-open").click(function(){
    $(this).hide();
    $('.toggle-close').show();
    $(this).parent().find('ul').show();
});

$(this) будет следить за тем, чтобы вы касались только элементов, связанных с нажатой кнопкой, а не всех элементов с class="toggle-open".

$(this).parent().find('ul') будет искать ul, содержащуюся в родительском элементе нажатой кнопки. Не все элементы ul.