Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Select2 плавный слайд списка (https://javascript.ru/forum/dom-window/73547-select2-plavnyjj-slajjd-spiska.html)

the_little 24.04.2018 17:43

Select2 плавный слайд списка
 
Здравствуйте.
Установил и использую библиотеку select2, для стилизации списков.
Внешний вид настроил, все отлично.

Но никак не могу понять, как изменить раскрытие собственно списка.
Сейчас он просто появляется и все.
А надо чтобы он делал слайд вниз при открытии и слайд всех при закрытии.

Кто работал с этой библиотекой, помогите, пожалуйста.

the_little 24.04.2018 18:09

Нашел такой вот вариант.
$('#rooms-amount').select2({
		minimumResultsForSearch: Infinity
	});

	$('#rooms-amount').on('select2:open', function (e) {
		$('.select2-dropdown').hide();
	  $('.select2-dropdown').slideDown(300);
	});

Вроде слайд делает.
Только он почему то сначала раскрывается на высоту больше чем нужно, и потом сворачивается обратно до нужной...

the_little 25.04.2018 11:28

С раскрытием решено. С закрытием плавным пока проблема... Никак не хочет плавно закрываться)

Nexus 25.04.2018 12:33

the_little, может так?
$('#rooms-amount').on('select2:open', function(e) {
    $('.select2-dropdown').hide().slideDown(300);
}).on('select2:close', function(e) {
    $('.select2-dropdown').show().slideUp(300);
}).select2({
    minimumResultsForSearch: Infinity
});


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