Question

我有3个链接，每个链接指向不同版本的文档。我该如何显示/隐藏它们？

现在，我有<div id="defaultTemplate">。这将是默认值。在它下面，我有<div id="Option2" class="hidden">和<div id="Option3" class="hidden">

选项2和3隐藏起来应该是，但我想在用户点击链接时显示/隐藏每个选项。

这是我的非工作jQuery：

$('.option1, .option2, .option3').click(function(){
    var toShow = $(this).attr("class");
    console.log(toShow);
    $('#defaultTemplate').fadeOut(600, function(){
        $('#' + toShow).show();

    });
});

谢谢！

Answer 1

你应该使用#option1, #option2, #option3也许它应该有帮助，因为现在你指的是不是idsp的类

Answer 2

您正在搜索不是id的课程，请尝试以下方法：

$('.' + toShow).show();

或者，如果您搜索ID而不是更改此行：

$('#option1, #option2, #option3')

Answer 3

您的ID在O中的资金为Option2，如此id="Option2"

由于您点击的课程较小o，

当你这样做时 -

$('#' + toShow).show();即$('#option2').show();，他们的身份证明不是option2，但他们的是一个ID，Option2

您需要将您的ID更改为option1，option2，option3，小o

Answer 4

未定义option1 id。我认为它应该是第一个div。

  $('#Option1, #Option2, #Option3').click(function(){
    var toShow = $(this).attr("class");
    console.log(toShow);
    $('#defaultTemplate').fadeOut(600, function(){
      $('.' + toShow).show();

   });
});

单击时显示和隐藏多个div

4 个答案: