Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Создание своего "аккордеона " на jQuery [2]

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (2): « 1 [2]   

> Описание: Нужно сделать выборку для выбранного элемента
Поиск в теме | Версия для печати
DeepVarvar Супермодератор
Отправлено: 13 Октября, 2011 - 21:53:57
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
 
 Top
Конструктор
Отправлено: 13 Октября, 2011 - 21:56:49
Post Id



Частый гость


Покинул форум
Сообщений всего: 128
Дата рег-ции: Апр. 2010  


Помог: 1 раз(а)
armancho7777777 пишет:
...

Пробую запустить , теперь ничего не разворачивается.. Однако
По задумке в аккордеоне должен разворачиваться внутренний список по клику на родительском ul li.... и сворачиваться по такому же клику..
(Добавление)
DeepVarvar пишет:
ну что за заморочи?
CODE (javascript):
скопировать код в буфер обмена
  1. $("#tree ul a").click(function(){
  2.   $(this).parent().find("ul").eq(0).toggle();
  3.   return false;
  4.   });

Данный код почему то тоже не срабатывает..(
может я неправильно вставил?

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(document).ready(function() {   
  3.          $('ul ul').hide();
  4.          
  5.         /* $('div > ul > li').click(function(event){
  6.                 // event.stopImmediatePropagation();  
  7.                  if(this == event.target){  
  8.                           if ($(this).children('ul').css('display') == 'none'){
  9.                                   $('ul ul').slideUp(500); //скрытие
  10.                                   $(this).children('ul').slideDown(500);  //открытие
  11.                           }          
  12.                  }
  13.          });*/
  14.          
  15.           $("#tree ul a").click(function(){
  16.       $(this).parent().find("ul").eq(0).toggle();
  17.       return false;
  18.       });
  19. });;
  20. </script>
  21. </head>
  22.  

(Отредактировано автором: 13 Октября, 2011 - 22:58:21)



-----
Если все время идти вперед, до цели будет немного ближе..
 
 Top
DeepVarvar Супермодератор
Отправлено: 13 Октября, 2011 - 23:32:37
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Конструктор пишет:
$("#tree

(Добавление)
Не надо бездумно копировать - надо понять и подогнать под себя.
 
 Top
Конструктор
Отправлено: 14 Октября, 2011 - 00:28:14
Post Id



Частый гость


Покинул форум
Сообщений всего: 128
Дата рег-ции: Апр. 2010  


Помог: 1 раз(а)
DeepVarvar пишет:
Не надо бездумно копировать - надо понять и подогнать под себя.

Исправил, но по прежнему работает не совсем как надо..
CODE (javascript):
скопировать код в буфер обмена
  1. $("div ul a").click(function(){
  2.       $(this).parent().find("ul").eq(0).toggle();
  3.       return false;
  4.       });

Все списки раскрываются , но лишние не скрываются... и еще нет эфекта медленного скрытия..
_
Но всеж всем спасибо за коментарии и идеи, думаю в них уже есть почти готовый ответ.. буду эксперементировать и читать мануалы jQuery..
Ps: узнал несколько новых функций и то хорошо))

(Отредактировано автором: 14 Октября, 2011 - 00:29:36)



-----
Если все время идти вперед, до цели будет немного ближе..
 
 Top
armancho7777777 Супермодератор
Отправлено: 14 Октября, 2011 - 08:27:52
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Пользуйтесь:

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(document).ready(function() {
  3.                
  4.      $('#ulMenu:has(LI)').find('UL').hide();
  5.        
  6.      $('#ulMenu:has(LI) a').click(function(event){
  7.                
  8.           event.stopImmediatePropagation();
  9.                            
  10.           if($(this).parent().children('UL').is(':hidden')){
  11.                    
  12.             $('#ulMenu:has(LI) UL').not($(this).parents()).slideUp();
  13.                    
  14.              $(this).parent().children('UL').slideDown();
  15.                    
  16.           }else{
  17.                    
  18.              $(this).parent().children('UL').slideUp();
  19.                    
  20.            }
  21.                
  22.      });
  23.    
  24. });
  25.  


CODE (html):
скопировать код в буфер обмена
  1.  
  2. <ul id="ulMenu">
  3.   <li><a href="#">Link Thema 1</a>
  4.     <ul>
  5.         <li><a href="#">Thema 1a</a></li>
  6.         <li><a href="#">Thema 1b</a></li>
  7.         <li><a href="#">Thema 1c</a></li>
  8.         <li><a href="#">Thema 1d</a></li>
  9.     </ul>
  10.   </li>
  11.   <li><a href="#">Link Thema 2</a>
  12.     <ul>
  13.         <li><a href="#">Thema 2a</a></li>
  14.         <li><a href="#">Thema 2b</a></li>
  15.         <li><a href="#">Thema 2c</a></li>
  16.         <li><a href="#">Thema 2d</a></li>
  17.     </ul>
  18.   </li>
  19. </ul>
  20.  

(Отредактировано автором: 15 Октября, 2011 - 12:03:20)

 
 Top
Конструктор
Отправлено: 14 Октября, 2011 - 12:37:58
Post Id



Частый гость


Покинул форум
Сообщений всего: 128
Дата рег-ции: Апр. 2010  


Помог: 1 раз(а)
armancho7777777 пишет:
Пользуйтесь:

Я уже не знаю.. может я не умею копирывать? Огорчение
Опять есть эфект передачи события по дереву ВНИЗ.
Тоесть по клику по внутреннему списку, этот внутренний список сварачивается..
А Внутренний список должен сварачиваться только по клику на родителе.
А то получается пользовательтолько кликнул по пункту и он сразу свернулся...
__
Я уже думаю наверное надо делать обработку не по пункту меню а по ссылке может.. чтобы не было конфликтов родителей и детей) .. буду пробовать..
_______
P.S Похоже эта задачка не так проста как кажется на первый взгляд..

(Отредактировано автором: 14 Октября, 2011 - 12:39:43)



-----
Если все время идти вперед, до цели будет немного ближе..
 
 Top
DeepVarvar Супермодератор
Отправлено: 14 Октября, 2011 - 13:51:59
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Вправо
Скачать файл: stree.tar.gz
Скачан раз: 72
 
 Top
armancho7777777 Супермодератор
Отправлено: 14 Октября, 2011 - 14:17:56
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Конструктор пишет:
Опять есть эфект передачи события по дереву ВНИЗ.
Тоесть по клику по внутреннему списку, этот внутренний список сварачивается..

Нет, всё так и есть.
Просто на скорую руку сделал, сразу толком не проверил.
Сей час я уезжаю.
Завтра выложу Вам нормальный код.
 
 Top
armancho7777777 Супермодератор
Отправлено: 15 Октября, 2011 - 11:05:05
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Всё, теперь без изъяна:

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(document).ready(function() {
  3.  
  4.       $('#ulMenu li:has(ul)').find('UL').hide();
  5.        
  6.       $('#ulMenu li:has(ul) a').click(function(event){
  7.                
  8.        event.stopImmediatePropagation();
  9.  
  10.             if(this == event.target){
  11.                            
  12.                   if($(this).parent().children('UL').is(':hidden')){
  13.        
  14.                      $('#ulMenu li:has(ul) UL').not($(this).parents()).slideUp();
  15.  
  16.                      $(this).parent().children('UL').slideDown();
  17.                    
  18.                   }else{
  19.                    
  20.                      $('#ulMenu li:has(ul) UL').not($(this).parents()).slideUp();
  21.                    
  22.                   }
  23.                  
  24.             }
  25.                
  26.       });
  27.    
  28. });
  29.  

(Отредактировано автором: 17 Октября, 2011 - 08:53:21)

 
 Top
Конструктор
Отправлено: 16 Октября, 2011 - 20:46:01
Post Id



Частый гость


Покинул форум
Сообщений всего: 128
Дата рег-ции: Апр. 2010  


Помог: 1 раз(а)
armancho7777777 пишет:
Всё, теперь без изъяна:

Да сейчас все четко и красиво..
А я до этого уже думал что я уже jQuery выучил)) ну нифига.. похоже изучение только началось ))


-----
Если все время идти вперед, до цели будет немного ближе..
 
 Top
DeepVarvar Супермодератор
Отправлено: 16 Октября, 2011 - 22:00:54
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Я файл прикреплял, вы смотрели?
 
 Top
LIME
Отправлено: 17 Октября, 2011 - 06:57:53
Post Id


Активный участник


Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010  


Помог: 322 раз(а)
.

(Отредактировано автором: 17 Октября, 2011 - 06:59:51)

 
 Top
Поиск в теме | Версия для печати
Страниц (2): « 1 [2]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB