如何顯示或隱藏一組divs點擊一個按鈕（raphael.js）

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--你也可以在拉斐爾的形狀上做到這一點。在這裏看到有關附加事件處理一些指針：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>