Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Проблемы с виджетом аккордион (https://javascript.ru/forum/jquery/56035-problemy-s-vidzhetom-akkordion.html)

Eliot456 26.05.2015 20:33

Проблемы с виджетом аккордион
 
Вложений: 1
Всем доброго вечера, у меня возникла следующая проблема. Сделал окно со списком, подключил виджет аккордион, все работает. Присваиваю окну 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 код слишком большой, если нужен, тоже могу скинуть. Просьба помочь, кто сталкивался с таким.

рони 26.05.2015 20:47

Eliot456,
надо инициализировать видимый элемент попробуйте так
$("#leftbar-menu > ul, .table-list > ul").show().accordion({
 		active: 2,
		collapsible: true
	}).hide();

рони 26.05.2015 20:50

или так
// Вызов окна
        $('#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"})

Eliot456 26.05.2015 21:13

рони, Спасибо! Второй способ сработал


Часовой пояс GMT +3, время: 07:28.