jQuery - 顯示來自另一個類/ div的隱藏div div

所以，這裏的問題 - 我有（4）等寬和高的盒子。每個盒子本身有2個狀態，內部和外部;內部顯示只有點擊時，並通過CSS隱藏。我試圖做到這一點，當我點擊BOX1時，它顯示內部box1內容（ib1）並隱藏其他（3）框，外部box1，並使框1的寬度擴展爲全寬度。我知道如何編碼，並且該部分工作正常 -jQuery - 顯示來自另一個類/ div的隱藏div div

但是，我希望能夠在內框狀態下在（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

來源

2011-04-26 codedwhitespace

你的意思是你想要的東西是：通過點擊'box outer1'，你將能夠顯示下一個按鈕（這就是你現在正在做的事情），通過點擊下一個按鈕它將顯示內部部分box2與最後一個鏈接，等等....？ – Nirmal 2011-04-26 13:29:33

@Nirmal是的我相信這就是我所追求的:) – codedwhitespace 2011-04-26 14:26:14

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

來源

2011-04-27 13:12:58 user726335

jQuery - 顯示來自另一個類/ div的隱藏div div

回答

相關問題