Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.06.2011, 14:32
Новичок на форуме
Отправить личное сообщение для lessless Посмотреть профиль Найти все сообщения от lessless
 
Регистрация: 03.06.2011
Сообщений: 6

Ссылка и переключатель разворота в верхнем уровне аккордеона
Здравствуйте, я новичок в программировании и поэтому хотя и пытаюсь разобраться сам, но все же мне нужна ваша помощь.
Я использую http://www.i-marco.nl/weblog/archive...jquery_accordi
плагин, вот рабочая площадка http://stezja.kiev.ua/index0.php.
Задача такая: добавить в верхний уровень списка графический элемент который будет сворачивать-разворачивать список, а ссылка которая обеспечивает этот функционал станет простой ссылкой , т.е. при клике на ней будет осуществлен переход на другую страницу, как и должно быть в штатном режиме
Система приблизительно такая:

Сначала я пробовал через background-image, но на него нельзя повесить событие
Подскажите пожалуйста самый простой и действенный выходи из этой ситуации
Ответить с цитированием
  #2 (permalink)  
Старый 29.06.2011, 17:56
Интересующийся
Отправить личное сообщение для vpisklov Посмотреть профиль Найти все сообщения от vpisklov
 
Регистрация: 04.10.2010
Сообщений: 18

Вам необходимо добавить в элемент <li> еще один дополнительный элемент, например <span class="toggle-visibility"></span>
клик по нему будет сворачивать-разворачивать список и переключать его же класс
$(function(){
     $('span.toggle-visibility').bind('click', function(){
         if($(this).next('ul:visible')){
              $(this).next('ul').slideUp('fast') 
         }
         else {
              $(this).next('ul').slideDown('fast')
     })
})


<li>
    	<a href="#" class="">=&gt; Ступени Духовного Роста</a>
<span class="toggle-visibility"></span>
			<ul class="acitem" style="display: none;">
		    	<li><a href="index0.php?_query=Pages./pages/trening_intuicii">Тренинг развития Интуиции</a></li>			        	
		        <li><a href="index0.php?_query=Pages./pages/kotodama_namerenie">Тренинг Котодамы «Искусство Намерения»</a></li>			        	
		        <li><a href="index0.php?_query=Pages./pages/trening_uverennosti">Тренинг уверенности в себе «Харизма Человека»</a></li>			        	
		        <li><a href="index0.php?_query=Pages./pages/prostie_uroki_duhovnogo_rosta">--&gt; 16 развивающих встреч</a></li>			        	
		        </ul>
		</li>


вот как-то так....
Ответить с цитированием
  #3 (permalink)  
Старый 29.06.2011, 17:57
Интересующийся
Отправить личное сообщение для vpisklov Посмотреть профиль Найти все сообщения от vpisklov
 
Регистрация: 04.10.2010
Сообщений: 18

попробуйте... и посмотрим, что получится
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Удаление пустых текстовых нод работает только на верхнем уровне DOM exec Events/DOM/Window 13 20.09.2010 18:51
Подскажите по CSS меню Александр_1988 Элементы интерфейса 1 17.05.2010 10:58