Показать или скрыть div при нажатии на ссылку
Дата публикации 26/09/13 - 13:44
<a id="open-close" href="#">Кнопка</a>
<div id="block-links">Ваш контент</div>
<div id="block-links">Ваш контент</div>
$(document).ready(function() {
$('#open-close').show();
$('#block-links').hide();
$('#open-close').click(function(event) {
event.preventDefault(); // Для того чтобы при нажатии на ссылку не кидало вверх
$('#block-links').slideToggle();
});
});
$('#open-close').show();
$('#block-links').hide();
$('#open-close').click(function(event) {
event.preventDefault(); // Для того чтобы при нажатии на ссылку не кидало вверх
$('#block-links').slideToggle();
});
});
- 23286 просмотров
Разделы
Подписаться
Комменты
-
Olzhas 4 месяца 3 недели назадСпасибо. С Новым Годом! →
-
Den 5 месяцев 2 недели назадВ первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. →
-
Гость 5 месяцев 2 недели назадЕсли все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того →
-
Валерий 6 месяцев 2 недели назадда можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер →
-
admin 6 месяцев 2 недели назадВалерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт →
-
Валерий 6 месяцев 2 недели назадзахожу на mysql через ssh по команде →
-
admin 6 месяцев 3 недели назадДобрый вечер, какой у вас клиент? →
-
Валерий 6 месяцев 3 недели назадЗдравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? →
-
Eduard 7 месяцев 5 дней назадВидать, домен хороший был. Заявление пробывали писать на мошенника? →
-
Stas 8 месяцев 2 недели назадОшибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям! →
Комментарии (13)
подскажите пожалуйста, а как сделать что бы при открытии контейнера, страница опускалась вниз, к нему?
Можете попробовать эту библиотеку demos.flesler.com/jquery/scrollTo/
Добрый вечер!
Не подскажите, а как можно проверить статус скрыто/раскрыто? Чтобы при обновлении страницы или переходе на другую, статус оставался раскрытым.
Добрый вечер) можно, нужно лишь дать каждой ссылке (элементу меню) уникальный ID и при нажатии, сохранять этот ID используя $.cookie().
Вот тут есть пример: http://jsfiddle.net/9GbST/
В вашем случае - вы делаете это для меню?
Да, для меню. Ох, куки - муки...) Полагаю, это можно реализовать только с их помощью?
Попробуйте посмотреть в сторону модулей: dhtml_menu или jquery_menu (drupal.org/project/название модуля)
Спасибо! Попробую через cookie сперва, а если нет, то возьмусь за модули.
Подскажите пожалуйста как при нажатии на ссылку еще и заменить ее название. Например было ПОКАЗАТЬ, а когда показали стало СКРЫТЬ
Все разобрался:
$(document).ready(function() {
$('#open-close').show();
$('#block-links').hide();
var flag = 0;
$('#open-close').click(function(event) {
if (flag == 0) {
event.preventDefault();
$('#open-close').text("Спрятать");
$('#block-links').slideToggle();
flag = 1;
} else {
$('#open-close').text("Показать");
$('#block-links').slideToggle();
flag = 0;
}
});
});
$('#open-close').show();
$('#block-links').hide();
var flag = 0;
$('#open-close').click(function(event) {
event.preventDefault();
if (flag == 0) {
$(this).text("Показать");
$('#block-links').show();
flag = 1;
} else {
$(this).text("Спрятать");
$('#block-links').hide();
flag = 0;
}
});
});
Ваш код верен) Можно использовать (this) и вы местами перепутали "Показать" и "Спрятать"
Благодарю, все получилось. Единственный момент - в проклятом IE скрипт не работает. При нажатии на ссылку просто перебрасывает вверх страницы, div не показывается. Может, подскажете какой-нибудь костыль для IE? Заранее спасибо за ответ.
Уточнение: не работает в IE 8, в девятке все нормально.
$(document).ready(function() {
$('.open-close').show();
$('.block-links').hide();
$('.open-close').click(function(event) {
event.preventDefault(); // Для того чтобы при нажатии на ссылку не кидало вверх
$(event.target).next().slideToggle();
});
});
Если блоков для закрытия больше чем один, то этот код будет их вам открывать по одному, а не всем скопом сразу