채택완료

display:none, block 해결법 조언좀 부탁드립니다

<div id="rmenuwrap">

 

        <ul>

            <li class="r_menu"><a class="rmenuT menu04 menupop_4 active" href="javascript:;">오시는길</a></li>

        <li class="r_menu"><a class="rmenuT menu05 menupop_5" href="javascript:;">카톡상담</a></li>

  

    </ul>

</div>

 

 

현재 이렇게 되어있는데 오시는길이나 카톡상담 누르면 div 가 팝업레이아웃 형식으로열려요

오시는길을 누르면 카톡상담이 닫혀야하는데 둘다 활성화가 되네요..

 

다른 div값누르면 block->none 되게하고싶은데 조언부탁드립니다

 

팝업레이아웃 사진(둘다 눌렀을때)

070cb306bf49ba7539169efb3919ea57_1482884398_6452.PNG
 

|

답변 5개 / 댓글 4개

채택된 답변
+20 포인트

일단 간단한건

r_menu li 랑 popR 이랑 1:1로 매칭 된다 생각하고 순서대로 있다고 생각하면

Copy
$(".r_menu").click(function() { $(".popR").hide(); $(".popR:eq("+$(this).index()+")").show();});
 

하시면 됩니다.

제가 보기에는 class값을 가지고 하기 보다는 id값을 가지고 display css 를 제어해서 반영처리해 주셔야 할것이로 보여집니다.

답변에 대한 댓글 2개

id 값이라면 li id 값으로 지정하면될까요?
아니면 레이어 팝업 id로 지정하면될까요?
li값에다가 id값을 할당해서 처리해 주면 될듯 해보이는데요

카톡상담 누르면 div 가 팝업레이아웃 형식으로열려요 

 

해당 스크립트를 알려주시던가 사이트 url을 알려주세요


답변에 대한 댓글 1개

$('.menu04).click(function(){
$('.popR').toggle();
});

이렇게해보세요 

$('.popR').click(function(){

$('.popR').css("display","none");

$(this).css("display","block");

});

이걸로 안될려나요?

답변에 대한 댓글 1개

네 ㅠㅠ 계속 겹치네요..ㅠ
혹시나해서
$('.r_menu').click(function(){
$('.popR').css("display","none");
$(this).css("display","block");
});
이것도 안되구욤 ㅠ

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