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

单击下面的按钮。如果你想要回复点击一个形状或按钮，你的问题就不清楚了，所以我将处理程序附加到两个。

＆＃34;形状＆＃34;这里只是带有一些文本的div，用于此示例代码的目的 - 您也可以在Raphael中对形状执行此操作。请参阅此处以获取有关附加事件处理程序的一些指示：http://raphaeljs.com/reference.html#Element.click

＆＃13;

$(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();
    }
  });
});

＆＃13;

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

＆＃13;

如何通过单击按钮显示或隐藏一组div（raphael.js）

1 个答案: