Робимо випадає при натисканні блок - щоденник web-розробника

А як зробити кілька блоків.

Олексій. ви можете або додати всім блокам унікальні ID і повісити на кожен обробник як в прикладі, або поміняти верстку і переписати приблизно так: приховуваний блок поміщаємо всередину того за яким треба клікнути, і робимо обробник типу
$ ( «. Hider»). Click (function () $ (this) .children ( «. Hidden»). SlideToggle ( «slow»);
return false;
>);

таким чином ми при необмеженій кількості груп блок-> вкладений блок приховуємо / розгортаємо вкладений блок при натисканні на батька.

Привіт, а чи можна в даному блоці розміщувати інші блоки?

Так, в цьому блоці можна розмістити що завгодно.

Вітаю! Підкажіть будь ласка як можна змінювати фон. зображення даного блоку при розкритті / приховуванні (плюс на мінус)

Можна або додавати потрібні стилі через css, наприклад, $ ( «# element»). Css () або додавати / прибирати класи через addClass / removeClass.

Добридень!
Ось такі питання
1. Я зробив через батьків, чи можна в children зробити активної посилання? Зараз я натискаю на посилання і все згортається назад
2. Як рознести випливають блоки стоять поруч по горизонталі, якщо користувач натисне спочатку на одного з батьків, його children з'явиться, а потім натисне на сусіднього батька і з'явиться його children, який розміститься поверх раніше викликаного
Дякуємо

Доповнення до 2 питання
Як зробити щоб після клацання на іншому блоці, сворачивался вже відкритий

Добрий день.
1) перевірте селектори які використовуєте в блоках, мабуть не правильно обробляються і тому згортається блок
2) наплив блоків може бути через неправильне позиціонування, перевірте стилі блоків, можливо у них, наприклад, коштує position: absolute;
Щоб приховати всіх відкритих блоків їм треба задати якийсь клас і при кліці по новому елементу спершу згортати всі елементи з цим класом, а потім вже розгортати новий

Дякую за відповіді
Але ситуація дещо змінилася
Як зробити, щоб відкритий блок закривався при натисканні поза ним, або на іншому блоці, при цьому розкривався новий блок замінюючи згорнувся на тому ж місці і при цьому посилання всередині відкриваються блоків залишалися активними

Можна повісити на контейнер містить ваші блоки обробник кліка по якому реалізується потрібна вам логіка, наприклад, згортається поточний блок і розкривається наступний за ним.

Добре б ще сам скрипт jquery окремим файлом.

Сам скрипт можна підключити з CDN гугла або яндекса або завантажити з офіційного сайту jquery.com

Привіт, як зробити. щоб при кліці на певний елемент з'являється блок зміщує блок нижче його на певні координати?

Не понял, що саме повинно вийти. Спробуйте так:

Схожі статті