hitneo
122
2020-03-13 11:47:50 작성 2020-03-13 11:56:55 수정됨
3
320

ul li 클릭 제어법 질문드립니다.


변수값을 주어서 ul 영역을 클릭하면, 영역이 확장되고, 다시클릭하면 영역이 줄어들게 만들었습니다.

그런데  자녀요소인 li도 ul의 일부이기때문에 클릭했을때 영역이 줄어들게되는데,

이때 li를 눌러도 영역이 줄어들지 않도록 할 수 있는 방법이 있을까요? 

+@

코드추가합니다. 현재 ul에 효과준것 여기서이제 li를 클릭했을시엔 300고정시켜놓으려고합니다.. 근데 해결법이 잘 보이지 않네요..

 $(document).ready(function () {
        var lnbCount = 0;

 $('ul').on('click touchstart'function(){
            if(lnbCount==0){
                $(this).animate({'width':'300px'})
                lnbCount = lnbCount+1
            }else{
                $(this).animate({'width':'60px'})
                lnbCount = lnbCount-1
            }
        })
 });
0
  • 답변 3

  • yeolco
    518
    2020-03-13 11:52:59

    코드도 같이올리시면 답변이 더 쉽게 달릴것같네요

    일단 이벤트를 ul에만 주세요

  • hitneo
    122
    2020-03-13 11:56:27

    코드 점부하였습니다. 

  • 벨제부브
    2k
    2020-03-13 12:34:57
  • 로그인을 하시면 답변을 등록할 수 있습니다.