Нублю в java скрипт - есть ответ

Без имени, 303 просмотра

Вот простенький скрипт на раскрывающийся элемент, одного не могу понять, как сделать, чтобы конкретный элемент с классом toggle, открыл конкретный элемент с классом tog, игрался с идентификаторами как мог, но безуспешно...

// --------------------------------- Раскрывающиеся элементы toggle
$(document).ready(function(){
$(".toggle").hide();
$(".tog").click(function(){
// выдвигаем/прячем панель с id = panel1
$(this).next(".toggle").slideToggle("fast");
// изменяем класс самой ссылки
$(this).toggleClass("active");
});
});

Заранее спасибо)

Ответы:

Алексей Бессмертный

1) Это не javascript, а JQuery и для его работы необходимо подключить библиотеку JQuery
2) в коде написан комментарий " // выдвигаем/прячем панель с id = panel1", но выборки элемента с id = panel1 нету. В данном случае
$(this).next(".toggle").slideToggle("fast");
$(this).toggleClass("active");
применяются ко всем элементам с классом .tog
3) Так же зависит местоположение скрипта. либо в конце станицы либо в head с ожиданием загрузки DOM-дерева.
Вот нашёл спойлер (раскрытие и закрытие по клику). Один скрипт работает индивидуально с каждым спойлером. Если открыть один спойлер то при открытии другого первый не закроется.
Код JQuery

Герман Резниченко

Во первых не гоже задавать класс именем функции (я о toggle). Далее если судить по коду то при нажатии на ссылку вы изменяете класс самой ссылки, теперь чтобы с ней что то делать надо привязывать событие уже к новому классу. Т.е следующий клик будет по ссылке с классом active(то же кстати предопределенное название лучще поменяйте).
Если я вас правильно понял.

10 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.