在另一个 div 中切换 div

Question

我在同一页面上有多个切换 div，我正在切换的 div 必须显示在同一个 div 中。

我在一个名为“box”的 div 中，有六个名为“1”、“2”、“3”、“4”等的 div，它们都被隐藏了。如果我单击名为“1”的a 标记，它将在“box”中显示 div 1 的内容，div。如果我点击名为'2'的标签a，则div 2的内容将显示在'box'中并隐藏div 1，依此类推。

我的问题是，如果显示 div 2，我无法隐藏 div 1

这是我的代码：

$(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 函数来隐藏除显示的 div 之外的所有内容。

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>