div 및 dim 배경에 초점 맞추는 방법

Question

select 요소의 제한 때문에 사용자 지정 드롭 다운을 수행하고 있는데, 반드시 select 요소 일 필요는 없습니다.

div에는 드롭 다운이 있어야하며 드롭 다운이 표시되면 초점을 맞추고 배경을 어둡게해야합니다. 드롭 다운은 다른 div 아래에 있어야하기 때문에 모달은 아닙니다.

당신은 내가이 작업을 수행하는 방법에 저를 도울 수있는 희망 :

더 나은 이해를 위해, 여기에 원하는 출력을 참조하십시오.

Answer 1

해당 드롭 다운을 클릭하면 다른 요소의 불투명도가 변경됩니다. 같은

뭔가 : 당신은 또한 다른 요소 위에 만 클릭에 따라 드롭 다운과 쇼 숨기기 아래 Z- 인덱스와 사업부를 추가 할 수 있습니다

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

또는.

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

당신에게 적합한 솔루션을 사용하십시오.