2012-07-30 45 views
0

我有三十個div和三十個按鈕。每個按鈕隱藏以前打開的div並打開不同的div。例如:jQuery的顯示/隱藏起始相同的元素

有div叫'divnr4'opopened。我按下按鈕編號7和divnr4消失,但出現divnr7。我怎麼能做到這一點?我正在考慮使用類似

$('#divnr').hide(); 
$('#divnr7').show(); 

但我不確定它是否正常工作以及如何正確執行此操作。

請幫助:)

+0

因此,只有一個div隨時開放嗎?你能發佈一些HTML嗎? – j08691 2012-07-30 15:24:32

+0

請把一些html – 2012-07-30 15:26:57

+0

現在看起來像: function showandhide(number){ \t \t \t $('div')。hide(); \t \t \t $('#klausimas'+ number).show(); \t \t \t $('#navigacija')。show(); \t \t \t $('#atsmenu')。show(); \t \t \t return false;對於($ i = 1; $ i <31; $ i ++){ \t \t} echo'

CONTENT
'; ($ i = 1; $ i <31; $ i ++){ } 。$我。」'; \t \t} – 2012-07-30 15:30:46

回答

5
$("button").on("click", function() { 
    $("div[id^=divnr]").hide(); 
    $("#divnr" + ($(this).index() + 1)).show(); 
}); 

DEMO

+0

+1,有同樣的答案,除了使用'* =' – 2012-07-30 15:27:22

+0

我沒有得到這條線:$( 「DIV [ID^= divnr]」).hide(); 它關閉所有開始divnr的div? – 2012-07-30 15:32:57

+0

@MindaugasJakubauskas Exactly - http://api.jquery.com/attribute-starts-with-selector/ – 2012-07-30 15:35:41

1

如果只有一個DIV是一次開放的,你可以調用一些代碼來顯示所選擇的股利和隱藏休息。 This link有一個工作示例,可以證明我的意思。