채택완료

셀렉트박스를 div와 ul li로 디자인에 맞게 만들엇는데요

5년 전 2,265

셀렉트박스를 div와 ul li로 디자인에 맞게 만들엇는데요

<div>선택</div>

 

<div>

  <ul>

      <li>옵션</li>

  </ul>

</div>

선택을 누르면 옵션이 나오게 해서 만들엇는데...

셀렉트기능중에 옵션말구 다른곳을 누르면 그냥 옵션이 닫히자나요..

이기능은 어떤 방법으로 코딩해야 할가요 제이쿼리로요

 

셀렉트 박스가 여러게 입니다..

|

답변 2개

채택된 답변
+20 포인트

                    <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 을 이용해 보세요.

답변을 작성하려면 로그인이 필요합니다.

🐛 버그신고