Перейти к содержанию
xfocusx

При клике на ссылку дополнительный блок div

Рекомендуемые сообщения

Есть блок, внутри него ссылка, это все к каждому товару на странице категории, которая отображается в файле catalog.tpl Нужно, чтобы при клике на эту ссылку выводился дополнительный блок div. Как это сделать, не могу сообразить. Я так понимаю делается это c помощью jquery..

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно на цсс

<div class="div1">
<div class="div2">здесь содержимое, открывающееся при нажатии на открыть</div>
<span>ссылка</span>
</div>

<style>
.div2 {
    display: none;
    position: absolute;
    padding-top:20px;
}

.div1:active .div2 {
    display: block;
}

.div2:hover {
    display: block;
}

</style>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Круто :)

:active работает на блоках?

 

век живи - век учись, все равно дураком помрешь

http://jsfiddle.net/96QvB/2/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Проблема то в том, что нужно нажать и держать курсор на области дива, как то неудобнож

Тут видимо тока на джаваскрипте http://jsfiddle.net/96QvB/5/

или так http://jsfiddle.net/96QvB/6/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо всем, но меня интересует немножко другое, я имел ввиду вот как на этой картинке http://zalil.ru/34951427, то есть при нажатии на эту ссылку выводится один блок, при нажатии на другую ссылку открываем другой блок

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

проблему решил, всем еще раз спасибо за помощь

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.