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

Как сделать чтобы при клике подгружался стиль?

C
На сайте с 17.05.2012
Offline
69
clb
983

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

TaediumVitae
На сайте с 22.09.2011
Offline
41
TaediumVitae
#1

Так стиль подгрузить или показать/скрыть блок нужно?

Пользуйте .toggle() для второго

ValdisRu
На сайте с 02.10.2006
Offline
139
ValdisRu
#2
clb:
Подскажите скрипт чтобы при клике подгружался стиль? Нужно чтобы по клику на ссылку появлялся блок, при повторном клике исчезал.

на jquery это легко сделать 

$(document).ready(function () {

$('a #id_ssilki').toggle(function () {

$('div #id_bloka').fadeOut(1000);

},function () {

$('div #id_bloka').fadeOut(1000);

});

});

появление/исчезновение - с помощью fadeIn/fadeOut но можно и addClass/removeClass

Обалденный заработок на социальных сетях (https://goo.gl/Qtsq6M)
M
На сайте с 23.09.2012
Offline
1
maximvelesov
#3

Может проще так сделать?

В стилях:

#hidden_block {display:none;}

В HTML:

<div id="hidden_block">Содержимое скрытого блока</div>
<a href="#" onclick="if (document.getElementById('hidden_block').style.display=='none') {document.getElementById('hidden_block').style.display='block';} else {document.getElementById('hidden_block').style.display='none';}">Нажми меня</a>

p.s.: подправил код. Как мне кажется, такой способ вполне удачен. Проверил во всех последних версиях браузеров. Работает.

TaediumVitae
На сайте с 22.09.2011
Offline
41
TaediumVitae
#4

maximvelesov, чем же это проще?

ValdisRu:
появление/исчезновение - с помощью fadeIn/fadeOut но можно и addClass/removeClass

а можно и без помощи, просто тогглом:

$('.class1').click(function(){ $('.class2').toggle();})

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