Как сделать раскрытие select при нажатии на toggle?

Question

[SergCap]

Сайт на Джумле avtop_ru Там такой шаблон, в котором при нажатии на выпадающий список н амобильных он раскрывается н авесь экран и удобно переходить к пунктам меню. Хочу сделать так, чтобы то же происходило при нажатии на toggle. Если тестирую на десктопах - работает, на мобилках - нет

Answer 1

[good_beginer]

для начала стоит как то спрятать то что вы хотите расскрыть. К примеру поставьте *style="display:none"* а при нажатии на кнопку сделать "... style.display="block" *. Ести куча разных вариантов. Зависит от вашего воображения.

$('.trigger').click(function() {
   $('.element').toggle();
});

Comments

[SergCap]

Прятать select мне не нужно, пусть юзер кливает или на toggle или непосредственно на select, спрятать и отобразить по сабытию я позже смогу если что, мне нужно, чтобы при нажатии на toggle происходило событие нажатия на select. Пробовал разные способы, сработал только этот

jQuery(document).ready(function () {

jQuery("#select").click(function (e) {
//alert('click');

jQuery("#dj-main226select").removeClass("dj-select");
jQuery("#dj-main226select").click();

jQuery("#dj-main226select").removeClass("dj-select");
var target = jQuery("#dj-main226select"),clone = target.clone().removeAttr('id'); // dj-main98select
clone.val(target.val()).css({
overflow: "auto",
position: 'absolute',
'z-index': 999,
left: target.offset().left,
top: target.offset().top + target.outerHeight(),
width: target.outerWidth()
}).attr('size', clone.find('option').length > 10 ? 10 : clone.find('option').length).change(function() {
target.val(clone.val());
}).on('click blur',function() {
$(this).remove();
});
jQuery('body').append(clone);
clone.focus();

});

});

Но при эмуляции на компе все выглядит прилично, а на андроиде открывается меню только с первым пунктом в списке