如何显示或隐藏一组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>