Форум русской поддержки Joomla!® CMS
06.12.2016, 00:40:08 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Акордион

 (Прочитано 363 раз)
0 Пользователей и 1 Гость смотрят эту тему.
WinSSLioN
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Пол: Мужской
Сообщений: 128



« : 21.06.2015, 13:45:14 »

Здравствуйте, используя данную инструкцию http://www.dejurka.ru/css/css3_accordion_menu/#comments я сделал акордион, но при нажатии на список он одновременно открывается и страница вигается вверх, в конструкции HTML есть ссылка которые и открывают этот самый список, вот код:

Код:

<div id="wrapper-200a">

<ul class="accordion">

<li id="one" class="files">

<a href="#one">My Files<span>495</span></a>

<ul class="sub-menu">

<li><a href="#one"><em>01</em>Dropbox<span>42</span></a></li>

<li><a href="#one"><em>02</em>Skydrive<span>87</span></a></li>

<li><a href="#one"><em>03</em>FTP Server<span>366</span></a></li>

</ul>

</li>

<li id="two" class="mail">

<a href="#two">Mail<span>26</span></a>

<ul class="sub-menu">

<li><a href="#two"><em>01</em>Hotmail<span>9</span></a></li>

<li><a href="#two"><em>02</em>Yahoo<span>14</span></a></li>

<li><a href="#two"><em>03</em>Gmail<span>3</span></a></li>

</ul>

</li>

<li id="three" class="cloud">

<a href="#three">Cloud<span>58</span></a>

<ul class="sub-menu">

<li><a href="#three"><em>01</em>Connect<span>12</span></a></li>

<li><a href="#three"><em>02</em>Profiles<span>19</span></a></li>

<li><a href="#three"><em>03</em>Options<span>27</span></a></li>

</ul>

</li>

<li id="four" class="sign">

<a href="#four">Sign Out</a>

<ul class="sub-menu">

<li><a href="#four"><em>01</em>Log Out</a></li>

<li><a href="#four"><em>02</em>Delete Account</a></li>

<li><a href="#four"><em>03</em>Freeze Account</a></li>

</ul>

</li>

</ul>

</div>


Как сделать что бы страница не двигалась??
Записан
Bozhkov2
Давно я тут
****

Репутация: +8/-0
Offline Offline

Сообщений: 278



« Ответ #1 : 24.06.2015, 15:39:30 »

Вообще то студийные аккордеоны работают от скрипта. Потому что нужно вычислить height блока и дописывать его в style при нажатии на тайтл, а по умолчанию высота 0. Только с заданной высотой можно добиться плавной анимации развертывания, а она у каждого блока разная (зависит от количества контента)
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet