我的目标是当我点击当前box1,box2或box3时,我想要显示当前的子框。
例如:当我点击当前的box1时应该打开当前的sub_box_1,等等。我做了一些jQuery代码,但我无法得到结果。
谢谢!
$(document).ready(function() {
$('.sub_box').hide();
$('.box').click(function() {
$(this).$('#sub_box_1').show();
});
});
.box {
width: 150px;
height: 150px;
float: left;
margin-left: 20px;
border: 1px solid #333;
margin-top: 10px;
}
.sub_box {
width: 150px;
height: 150px;
border: 1px solid #09c;
}
Box 1
ADD
Box 2
ADD
Box 3
ADD
+3
改变'$(本) $('#sub_box_1')。show();'到'$(this).find('。sub_box')。show();' –
+0
非常感谢Michael Coker。很棒,它正在工作。做得好 –