在另一個div內切換div

Question

我在同一頁面上有多個切換div，並且我切換的div必須顯示在同一個div中。

我在一個名爲'box'的div裏面有6個div，分別命名爲'1'，'2'，'3'，'4'等，它們全都隱藏起來。如果我點擊名爲'1'的a標籤，它會在'box'div中顯示div 1的內容。如果我點擊名爲'2'的標籤a，div 2的內容將顯示在'box'中並隱藏div 1，依此類推。

我的問題是，我haven`t能夠隱藏DIV 1 DIV如果2顯示

這是我的代碼：

$(document).ready(function() { 
    $('#content1').hide(); 
    $('#content').hide(); 
    var Prutswonder; 
    $('a.aici').click(function() { 
     $('#content1').toggle('slow'); 
    }); 

    $('a.acolo').click(function() { 
     $('#content').toggle('slow'); 
    }); 

    $("#" + Prutswonder).show("slow"); 
    $(".toggle").not("#" + Prutswonder).hide("slow"); 
}); 

我需要一個if函數將所有隱藏除股利這是顯示。

Answer 1

可以隱藏所有div然後顯示一個你想要的......

<script> 
    // i'm assuming all your divs' names begins with 'content' 
    $(document).ready(function(){ 
     $('#content1').hide(); 
     $('#content').hide(); 

     $('a.aici').click(function(){ 
     $("div[id^='content']").hide(); 
     $('#content1').toggle('slow'); 
     }); 

     $('a.acolo').click(function(){ 
     $("div[id^='content']").hide(); 
     $('#content').toggle('slow'); 
     }); 

    }); 
</script>