사용자가 적절한 버튼을 클릭 한 후 표시되는 2 개의 숨겨진 상자 ( "return_policy"및 "risk_free")가있는 경우 2 개의 상자가 동시에 표시되지 않도록하려면 어떻게해야합니까? :
<style>
.info_dropdown { display: none; }
</style>
<button class="return_policy">30 DAY MONEY BACK GUARANTEE</button>
<button class="risk_free">100% RISK FREE PURCHASE</button>
<div class="info_dropdown" id="return_policy">
<p>Lorem Ipsum</p>
<p class="close_info">Close</p>
</div>
<div class="info_dropdown" id="risk_free">
<p>Lorem Ipsum</p>
<p class="close_info">Close</p>
</div>
<script>
$('.return_policy').click(function(){
$('#return_policy').slideToggle();
});
$('.risk_free').click(function(){
$('#risk_free').slideToggle();
});
//Close the proper info box
$('.close_info').click(function(){
$(this).parent().slideToggle();
});
</script>
업데이트 jsfiddle . jquery 코드에 몇 가지 실수가 있습니다. return_policy하고 risk_free있습니다 id하지 class그래서 당신은 사용해야합니다 #jQuery로 이러한 요소를 얻을 수
$('.return_policy').click(function(){
$('#return_policy').slideToggle();
$('#risk_free').css('display','none');
});
$('.risk_free').click(function(){
$('#risk_free').slideToggle();
$('#return_policy').css('display','none');
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다