jQuery切換：隱藏第一個div，顯示其他div

我想要的是以下內容：我正在創建一個網站，並且我想在頁面的頂部放置一些文本，並在頁。如果用戶點擊它，則按鈕上方的內容（例如Div A）隱藏，隱藏的內容（例如Div B）將顯示，按鈕消失。我需要什麼樣的jQuery代碼？jQuery切換：隱藏第一個div，顯示其他div

來源

2012-05-29 B. S.

您能否爲您提供HTML代碼頁？ – Christian

你需要知道的一切就在這裏：http://api.jquery.com/toggle/ –

在評論編輯，由於來分：

<div id="divA"> 
    Contents 
    <input type="button" onclick="$('#divA').hide();$('#divB').show();" /> 
</div> 
<div id="divB"> 
    More Contents. 
</div>

和當然，風格#divB是display: hidden;

來源

2012-05-29 14:53:33 Death

我不認爲你有正確的選擇。那是什麼HTML？ –

所描述的'div A'將是'div class ='A'>'，並且它們分別與div B相同。這假定它只是使用類選擇器來代替ID。 – Death

你也應該發佈HTML，因爲你的選擇器只有在A是類的時候才能工作，而不是ID –

編輯：我忘了按鈕。這是修改後的代碼。

您創建一個隱藏的類，然後用該方法toggleClass玩。

CSS：

.hidden { display: none; }

JS：

$("#myButton").click(function() { 
    $("#divA, #divB").toggleClass("hidden"); 
    $(this).addClass("hidden"); 
});

這裏，這關鍵字將把你點擊按鈕。

來源

2012-05-29 14:54:20

當然，您將在頁面初始化時在第二個div上添加* hidden *類。 ;） –

消失按鈕怎麼樣？ –

我修改了上面的代碼來照顧我完全忘記了你的按鈕。 –

jQuery切換：隱藏第一個div，顯示其他div

回答

相關問題