버튼 클릭시 div 그룹 표시 또는 숨기기 방법

Question

JQuery를 사용하여 모양 클릭시 모양 그룹을 숨기거나 표시하려고합니다.

다음은 내가 작성한 것입니다. 다른 사람이이 코드를 수정하도록 도와 줄 수 있습니까?

$('#button').click(function(){ 
if ($("#parent1, #parent2, #parent3, #parent4").is(":visible")){ 
    $("#parent1, #parent2, #parent3, #parent4").hide(); 
} 
else 
$("#parent1, #parent2, #parent3, #parent4").show(); 
}); 

Raphael JS에서 JQuery 토글을 사용할 수 있습니까?

Answer 1

아래 버튼을 클릭하십시오. 귀하의 질문에 당신이 모양이나 버튼을 클릭하여 응답하기를 원한다면 명확하지 않았으므로 핸들러를 양쪽에 첨부했습니다.

여기 "모양"은이 샘플 코드의 목적을 위해 일부 텍스트가있는 div입니다.이 모양은 Raphael에서도 마찬가지입니다. 이벤트 핸들러를 연결에 대한 몇 가지 포인터 여기를 참조하십시오 : 아니 제가 아는 한 그런 http://raphaeljs.com/reference.html#Element.click

$(function() { 
 
    $('button, .the-divs').click(function(){ 
 
    if ($("#parent1, #parent2, #parent3, #parent4").filter(":visible").length) { 
 
     $("#parent1, #parent2, #parent3, #parent4").hide(); 
 
    } 
 
    else { 
 
     $("#parent1, #parent2, #parent3, #parent4").show(); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="the-divs" id="parent1">one</div> 
 
<div class="the-divs" id="parent2">two</div> 
 
<div class="the-divs" id="parent3">three</div> 
 
<div class="the-divs" id="parent4">four</div> 
 

 
<button>click me</button>