点击显示和隐藏多个div

-1

我有3个链接，每个链接指向不同版本的文档。我如何显示/隐藏它们？我有<div id="defaultTemplate">。这将是默认设置。在它下面，我有<div id="Option2" class="hidden">和<div id="Option3" class="hidden">点击显示和隐藏多个div

选项2和3隐藏，因为它们应该是，但我想显示/隐藏每个用户点击链接。

这里是我的非工作的jQuery：

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

    }); 
});

谢谢！

来源

2013-05-22 Paul Dessert

是'Option2'一个** **号**或**类??? –

$（'。option1，.option2，.option3'）它的不是它的id $（'＃option1，＃option2，＃option3'） –

Option2是一个链接类，以及div上的一个id –

你的ID有资本O在Option2这样id="Option2"

作为你点击有小o类，

，当你做到这一点 -

$('#' + toShow).show();即$('#option2').show();，他们的身份证号码是option2，但他们的是的身份证号码，Option2

你需要改变你的ID对option1，option2，option3，小o

来源

2013-05-22 08:49:40

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

来源

2013-05-22 08:28:19

您正在搜索类不是ID，以便试试这个：

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

或者，如果你搜索IDS比改变这一行：不定义

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

来源

2013-05-22 08:28:47 thinklinux

选项1 ID 。我认为它应该是第一格。

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

    }); 
});

来源

2013-05-22 08:29:03

点击显示和隐藏多个div

回答

相关问题