테스트 사이트 - 개발 중인 베타 버전입니다

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

바트코드 8년 전 조회 3,951

<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개

채택된 답변
+20 포인트
만두야닷컴

일단 간단한건

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

</p><p>$(".r_menu").click(function() {
 $(".popR").hide();
 $(".popR:eq("+$(this).index()+")").show();
});</p><p>
 

하시면 됩니다.

로그인 후 평가할 수 있습니다

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

플라이
8년 전

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

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

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

SLOOP
8년 전

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

 

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


로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

d
8년 전

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

이렇게해보세요 

로그인 후 평가할 수 있습니다

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

8년 전

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

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

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

});

이걸로 안될려나요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

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

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

로그인