셀렉트박스를 div와 ul li로 디자인에 맞게 만들엇는데요
본문
셀렉트박스를 div와 ul li로 디자인에 맞게 만들엇는데요
<div>선택</div>
<div>
<ul>
<li>옵션</li>
</ul>
</div>
선택을 누르면 옵션이 나오게 해서 만들엇는데...
셀렉트기능중에 옵션말구 다른곳을 누르면 그냥 옵션이 닫히자나요..
이기능은 어떤 방법으로 코딩해야 할가요 제이쿼리로요
셀렉트 박스가 여러게 입니다..
답변 2
<div class="sel">선택</div>
<div class="opt">
<ul>
<li>옵션1</li>
<li>옵션2</li>
<li>옵션3</li>
<li>옵션4</li>
</ul>
</div>
$(document).click(function(e){
if (!$(e.target).is('.sel')) {
var opt = $(".opt");
if(opt.has(e.target).length === 0){
opt.hide();
}
}
});
이런식으로 해보세요.
.toggle 을 이용해 보세요.