Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.05.2015, 20:33
Аспирант
Отправить личное сообщение для Eliot456 Посмотреть профиль Найти все сообщения от Eliot456
 
Регистрация: 26.05.2015
Сообщений: 44

Проблемы с виджетом аккордион
Всем доброго вечера, у меня возникла следующая проблема. Сделал окно со списком, подключил виджет аккордион, все работает. Присваиваю окну display:none и вызываю его по клику, виджет стал работать некорректно - вложенный список ul не расскрывается. Вот код:
// Вызов окна
        $('#open-all').click(function(){
		$('.modal').css({"display":"block"});
		return false;
	})
	$('#close').click(function(){
		$('.modal').css({"display":"none"})
	})

        // Аккордеон
       $("#leftbar-menu > ul, .table-list > ul").accordion({
 		active: 2,
		collapsible: true
	});


вот скрин:
http://javascript.ru/forum/attachmen...d=143266141 0

html код слишком большой, если нужен, тоже могу скинуть. Просьба помочь, кто сталкивался с таким.
Изображения:
Тип файла: jpg Безымянный.jpg (143.5 Кб, 5 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 26.05.2015, 20:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Eliot456,
надо инициализировать видимый элемент попробуйте так
$("#leftbar-menu > ul, .table-list > ul").show().accordion({
 		active: 2,
		collapsible: true
	}).hide();
Ответить с цитированием
  #3 (permalink)  
Старый 26.05.2015, 20:50
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

или так
// Вызов окна
        $('#open-all').click(function(){
		$('.modal').css({"display":"block"});
		return false;
	})
	$('#close').click(function(){
		$('.modal').css({"display":"none"})
	})
$('.modal').css({"display":"block"});
        // Аккордеон
       $("#leftbar-menu > ul, .table-list > ul").accordion({
 		active: 2,
		collapsible: true
	});
$('.modal').css({"display":"none"})
Ответить с цитированием
  #4 (permalink)  
Старый 26.05.2015, 21:13
Аспирант
Отправить личное сообщение для Eliot456 Посмотреть профиль Найти все сообщения от Eliot456
 
Регистрация: 26.05.2015
Сообщений: 44

рони, Спасибо! Второй способ сработал
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы со слайдером. Shupamen Работа 1 15.12.2013 00:12
проблемы с PagingToolbar serg3091 ExtJS 4 26.06.2013 09:33
Проблемы при установке модулей node.js tadjik1 AJAX и COMET 1 18.03.2012 02:20
Решение проблемы с отображением элементов на странице mozyr Javascript под браузер 17 13.01.2012 02:34
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37