我需要幫助創建一個點擊隱藏和顯示鏈接

Question

我想在頁面上創建幾個圖層，並在一次點擊之間切換圖層。

任何想法？

Answer 1

如果不使用jquery：

document.getElementById('name').style.display = "none"; 
document.getElementById('name').style.display = ""; //show 

Answer 2

z-index是CSS屬性限定了元件的垂直位置。具有最高z-index值的元素位於頂部。你可以用它來創建圖層。

然後，只需創建一個click事件圖層按鈕，並更改z-index：

document.getElementById('layer1').style.zIndex = '10' 

如果你正在談論標籤，然後jarrett's answer應該是一個關注一下。

Answer 3

您可以使用jquery和tooggleClass（）函數，通過將其應用於「click」事件。 例如：

$('#button').click(function() { 
    $('#layer1').toggleClass('classToShow'); 
    $('#layer2').toggleClass('classToShow'); 
    $('#layer3').toggleClass('classToShow'); 
}); 

而在開始只有一個從層具有類「classTShow」。

Answer 4

我會使用jQuery。

您可以選擇頁面上的元素並輕鬆控制其可見性。

HTML：

<div class="layer" id="layer1"> 
stuff in here for layer 1 
</div> 
<div class="layer" id="layer2" style="display:none"> 
stuff in here for layer 2 
</div> 
<p id="button">click me</p> 

的jQuery：

$('#button').click(function(){ 
    $('.layer').toggle(); 
}); 

該代碼將切換2周的div與layer類，每當你點擊p id爲button的知名度。