Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/unix/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html在4个方向追加方形div_Javascript_Jquery_Html - Fatal编程技术网

Javascript html在4个方向追加方形div

Javascript html在4个方向追加方形div,javascript,jquery,html,Javascript,Jquery,Html,首先,你会看到1号方块, 当你按下方格1顶部的+时, 方块2会出来,你可以按方块2右边的+键, 然后第三个方块就会出来 我能做这个吗?或者我该怎么做 如果您使用的是jQuery,那么所需的和方法如下: $('#one').click(function() { $('#two').show(); }); $('#two').click(function() { $('#three').show(); }); 如果您想了解jQuery的方法,请阅读动画 希望这能帮助您开始: 以下是您想要的

首先,你会看到1号方块, 当你按下方格1顶部的+时, 方块2会出来,你可以按方块2右边的+键, 然后第三个方块就会出来

我能做这个吗?或者我该怎么做


如果您使用的是jQuery,那么所需的和方法如下:

$('#one').click(function() {
  $('#two').show();
});
$('#two').click(function() {
  $('#three').show();
});
如果您想了解jQuery的方法,请阅读动画

希望这能帮助您开始:


以下是您想要的工作示例,希望您能找到解决方案

$('.show1').click(function() {
  $('#two').show();
});
$('.show2').click(function() {
  $('#three').show();
});
下面是完整工作示例的链接

是的,您可以这样做,您可以在下面的JSFIDLE中找到我的解决方案

jQuery(文档).ready(函数(){
jQuery('.plus')。在('click',function()上{
if(jQuery('.one')。为(“:可见”)!=true){
jQuery('.one').removeClass('hide');
}否则{
jQuery('.two').removeClass('hide');
}
}); 
});
.box{
背景:灰色;
宽度:100px;
高度:100px;
文本对齐:居中;
线高:100px;
颜色:白色;
字体大小:24px;
字体系列:无衬线;
}
.隐藏{
显示:无!重要;
}
.另外{
显示:块;
文本对齐:居中;
}

2.
3.
1.

将从哪里出来?请展示您的努力展示您的代码。当然可以。您的代码中是否有我们可以帮助您解决的特定问题?