Страницы

Поиск по вопросам

понедельник, 29 апреля 2019 г.

Как сделать события для соответствующих div?

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

Имя


Редактировать

Фамилия


Редактировать

Ума хватило только на такой вот код , но в этом случае появляются все инпуты сразу
jQuery(".edit-settings").click(function () { if($('.sett-drop').is(":visible")){ $('.sett-drop').hide("fast"); }else { $('.sett-drop').show("fast"); }; });
Как же сделать так , чтобы при клике на ссылку открывался именно тот div, который нужно ? Присваивать id не вариант , так как таких блоков довольно таки много.


Ответ

Чуточку поправила код и:
$(".edit-settings").click(function () { var $this = $(this), wrap = $this.closest('.settings-line'), drop = wrap.find('.sett-drop'); if(drop.is(":visible")){ drop.hide("fast"); }else { drop.show("fast"); } }); .sett-drop { display: none; }

Фамилия

Редактировать

P.S: Небольшой алгоритм (мне помогает) --> Берем ссылку на которую кликаем $(this) --> для нее находим обертку в которой она же находится (.settings-line) --> в этой обертке находим контейнер который скрывается\раскрывается и с ним работаем.

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

Отправить комментарий