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 되게하고싶은데 조언부탁드립니다
팝업레이아웃 사진(둘다 눌렀을때)
답변 5
일단 간단한건
r_menu li 랑 popR 이랑 1:1로 매칭 된다 생각하고 순서대로 있다고 생각하면
$(".r_menu").click(function() {
$(".popR").hide();
$(".popR:eq("+$(this).index()+")").show();
});
하시면 됩니다.
!-->$('.popR').click(function(){
$('.popR').css("display","none");
$(this).css("display","block");
});
이걸로 안될려나요?
$('.menu04).click(function(){
$('.popR').toggle();
});
이렇게해보세요
카톡상담 누르면 div 가 팝업레이아웃 형식으로열려요
해당 스크립트를 알려주시던가 사이트 url을 알려주세요
제가 보기에는 class값을 가지고 하기 보다는 id값을 가지고 display css 를 제어해서 반영처리해 주셔야 할것이로 보여집니다.