2017-01-20 5 views
1

Я делаю настраиваемое выпадающее меню, которое необязательно является элементом select из-за ограничения элемента select.Как сфокусироваться на div и тусклом фоне

У div должен быть раскрывающийся список, и как только выпадающее меню отображается, оно должно фокусироваться на нем и уменьшать фон. Это не модально, потому что выпадающее место должно оставаться ниже другого div.

Для лучшего понимания, смотрите желаемый результат здесь:

enter image description here

надеюсь, что вы могли бы помочь мне о том, как я должен это сделать.

+0

Вы можете использовать [Расширение страницы jQuery в вашем проекте] (https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwiWka- W98_RAhXKso8KHWiSDcAQFggZMAA & URL = HTTP% 3A% 2F% 2Fmmenu.frebsite.nl% 2Fdocumentation% 2Fextensions% 2Fpage-dim.html & USG = AFQjCNHdNnhjF6SLPI7K4q4zDxATMYondQ & BVM = bv.144224172, d.c2I). Это может вам помочь. –

+0

Я видел это. Но как я могу сосредоточиться в выпадающем div? – Mei

+0

Вы хотите справиться с этим из jquery и css. Попробуйте добавить активный класс – Mithun

ответ

2

После щелчка на этом раскрывающемся изменении непрозрачности других элементов.

Что-то вроде:

$('.drop-down').click(function(){ 
    $('.other-background-div').css('opacity', '0.5'); 
}); 

Или вы можете также добавить DIV с Z-индекс поверх других элементов, но ниже раскрывающиеся и шоу шкурой на основе мыши.

$('.drop-down').click(function(){ 
    $('.new-added-div-with-color-gray').toggle(); 
}); 

Используйте любое подходящее вам решение.