點擊顯示和隱藏多個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

回答

相關問題