Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Открытие и закрытие блока |
| Открытие и закрытие блока |
|
Люди добрые, подскажите, у меня имеются такие данные:
между <head> и <head> Код <style type="text/css">.UhideBlock {display:none}</style> сам блок который разворачивается и сворачивается: Код <td id="r-colonka" class="right-colonka" valign="top"> <div id="side_right"> <!-- <block1> --> ... <!-- </block1> --> </div> </td> кнопка, при нажатии на которую он это делает: Код <div class="right"> <a id="hide-but" style="position:absolute;display:block;" class="hide-block" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeOut('slow'); $('#show-but').fadeIn('slow');"></a> <a id="show-but" class="show-block" style="display:none; position:absolute;" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeIn('slow'); $('#show-but').fadeOut('slow');"></a> </div> Стиль: Код .right {float:right;} a.hide-block, a.hide-block:visited, a.hide-block:hover, a.hide-block:active {display:block; position:absolute; background:url (/images/arrow.png) no-repeat 0 -25px; width:22px; height:24px;} a.show-block, a.show-block:visited, a.show-block:hover, a.show-block:active {display:block; position:absolute; background:url (/images/arrow.png) no-repeat 0 0; width:22px; height:24px;} td.left-colonka {padding:0; margin:0;} и есть вопрос. При открытии страницы блок по умолчанию открыт, а по клику кнопки - сворачивается. Как сделать чтоб блок при входе был закрыт, а по клику раскрывался? Пример тут http://testforum.ucoz.ru/ Добавлено (31 Июл 2013, 14:56:55) --------------------------------------------- хм, нет никаких мыслей? Сообщение отредактировал SergeyZhuk - Четверг, 01 Авг 2013, 17:00:22
|
|
Цитата (SergeyZhuk) сделать чтоб блок был закрыт Присвоить ему стиль display:none |
|
Цитата (Drinko) display:none не помогает Добавлено (01 Авг 2013, 17:01:59) |
|
Head-Mad,
если я так прописываю, то да, колонка при загрузке страницы скрыта, но первый клик на кнопку бездейственен, колонка открывается только со второго клика. Как буд-то первый клик опять же сворачивает уже свернутую колонку, а после второго клика разворачивает =( |
|
Ну, кнопку сделай так:
Код <div class="right"> <a id="hide-but" style="position:absolute;display:block;" class="hide-block" href="javascript://" onclick="$('#r-colonka').fadeToggle('slow');"></a> </div> Можешь забрать этот код и вставить его себе, сам знаешь куда.
|
|
Head-Mad,
тогда при клике вообще ничего не происходит =( Добавлено (01 Авг 2013, 19:31:58) Код <a id="hide-but" style="display:block; position:absolute;" class="hide-block" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeOut('slow'); $('#show-but').fadeIn('slow');"></a> <a id="show-but" style="display:none; position:absolute;" class="show-block" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeIn('slow'); $('#show-but').fadeOut('slow');"></a> Код <a id="hide-but" style="display:none; position:absolute;" class="hide-block" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeOut('slow'); $('#show-but').fadeIn('slow');"></a> <a id="show-but" style="display:block; position:absolute;" class="show-block" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeIn('slow'); $('#show-but').fadeOut('slow');"></a> и все заработало!!! Всем спасибо =) |
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!