Question

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

我在一个名为'box'的div中有六个名为'1'，'2'，'3'，'4'等的div，它们都是隐藏的。如果我点击名为'1'的a标签，它将在'box'，div中显示div 1的内容。如果我点击名为“2”的标记a，则div 2的内容将显示在“框”中并隐藏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>

在另一个div中切换div

1 个答案: