Форум Сайтостроение Веб-строительство

Доработать код

Q
На сайте с 03.10.2011
Offline
323
qvaro
391

Добрый день.

Подскажите, пожалуйста, как сделать, чтобы не закрывались условия доставки, оплаты и тд.

Сейчас так http://kletki24.ru/shop/perosemnye-mashiny/perosemnaya-mashina-dlya-utok-i-gusej-t600-mm/ при наведение текст показывается. Убирая курсор, он пропадает. А как сделать, чтобы при нажатие не пропадал.

В идеале, хотелось бы как тут https://ptichnik.net/p171283481-kletka-dlya-perepelov.html Условия оплаты и доставки, График работы, Адрес и контакты

Как они так сделали?

https://seo-progression.ru/ - Настройка рекламы Telegram Ads через eLama тут = https://vk.cc/cHzibk
Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#1

У них там через css hover, как я понял


a.bloggood-ru-ssilka:hover+div
{
display: block;
}

А в другом примере через js.

Q
На сайте с 03.10.2011
Offline
323
qvaro
#2
ziliboba0213:
У них там через css hover, как я понял 

a.bloggood-ru-ssilka:hover+div

{

display: block;

}

все верно, у меня сейчас так сделано.

можно немного подробнее? как мне сделать на сайте http://kletki24.ru/shop/inkubatory/inkubator-ai-264k-96g-189u-663/ чтобы посетитель нажимая на - Условия доставки, не закрывалось, как сделано сейчас.

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

ziliboba0213:
А в другом примере через js.

есть готовые примеры, где можно почитать про это?

Проблема с тегами на Удобное отображение ПВЗ и HTML, как сделать активным
M
На сайте с 04.10.2011
Offline
90
mmkulikov
#3

qvaro, По событию click на элементе ставите ему нужный стиль. Будет "держать" до перегрузки страницы

Сдается, обращаться скайп avdesk-it-kmm Верстка, кодинг - контакты в профиле... VPS от 5€ (https://gmhost.com.ua/?partner=10255)
Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#4
qvaro:

есть готовые примеры, где можно почитать про это?

Ну вот готовый есть в jqueryui:

http://jqueryui.com/accordion/

Но можно проще сделать по click

🍿

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий