Question

所以这就是问题 - 我有（4）相同宽度和高度的盒子。每个盒子本身有2个状态，内部和外部;内部仅在单击时显示，并通过css隐藏。我试图这样做，当我点击BOX1时，它显示内部box1内容，（ib1）并隐藏其他（3）框，外部box1，并使框1的宽度扩展整个宽度。我知道如何对此进行编码，而且该部分工作正常 -

但是，我希望能够在内盒状态下在（4）框之间切换一次，就像投资组合允许你点击另一个条目一样。我知道我不能简单地做一个

$(.ib1).hide();
$(.ib2).show();

我搜索并搜索但唉似乎无法找到任何相关内容。下面是我到目前为止的代码。我非常感谢您的帮助。

.js文件

$(function() {
    $( ".click" ).click(function() {
        var $box2 = $(".box2");
        var $ib2 = $(".ib2");
                if($box2.is(":visible")){
        $(".ob1").hide();
        $(".box2, .box3, .box4").hide("fade", 1000);
        $(".ib1").show("fade", 1000);
        return false;
                } else{
        $(".ib1").hide();
        $(".ob1, .box2, .box3, .box4").show("fade", 1000);
            return false;
       }
    }); 
});

上面的代码适用于切换内/外状态，我遇到问题的代码是下一个框按钮，代码如下：

$(function() {
$( ".ib1_next" ).click(function() {
$(".ib1").hide();
$(".box2 .ib2").show();
 return false;
    });
});

我很新，所以要温柔:)你可以在这里看到我的意思演示：

demo of 4 box

Answer 1

$('.ibox1_inner').html($('.ibox2_inner').html());

jQuery - 显示来自另一个类/ div的隐藏div

1 个答案: