使用JavaScript或CSS顯示隱藏按鈕

-2

我有一個從頭開始創建的單頁主題。我有一個主要的按鈕，並在我的網頁這樣的事情使用JavaScript或CSS顯示隱藏按鈕

首頁（在頁面上顯示）三個子鍵

-New york (hidden) 
-Florida.(hidden) 
-Miami. (hidden)

我要的是如果客戶點擊主頁按鈕應該顯示隱藏的按鈕。

我怎樣才能做到呢？

謝謝大家對您的支持，我找到了解決辦法：

<code> 
<script> 
$(document).ready(function(){ 

    $("#home_btn").click(function(){ 
     $("#hidden").show(); 

    }); 
}); 
</script> 



<button onClick = "this.style.visibility= 'hidden';" id="home_btn">home</button> 

<div id="hidden"> 
<button>Newyork</button> 
<button>Florida</button> 
<button>Miami</button> 
</div> 


#hidden{ 
    display: none; 
} 

</code>

來源

2016-12-13 Jefferson X Masonic

就像一個下拉菜單？ –

@Luminous_Dev沒有不喜歡的下拉菜單中，這樣的事情，請單擊zagraj iphone，http://enagrody.com/iphone6v3/4ik7o3u –

@JeffersonXMasonic：我們這裏不使用[解決]標題修訂。我們還喜歡自我回答，以進入下面的答案框（儘管如果問題已被擱置，我們通常會做出例外，因爲不能添加新的答案）。 – halfer

使用JS只需添加類。在你的CSS，

.db{ 
display: block; 
}

在你的js與jQuery庫，

$(".yourSelector").addClass("db");

來源

2016-12-13 03:32:23

可以建立，使用JS，初步確定display:none;所有隱藏的類和使用JS上點擊設置display:block;回家按鈕。

document.getElementById("home_btn").addEventListener("click",function(){ 
 
    var hidden = document.getElementsByClassName("hidden"); 
 
    for(i =0;i < hidden.length ; i++){ 
 
     hidden[i].style.display = "block"; 
 
    } 
 
})

.hidden{ 
 
    display:none; 
 
    }

<button id="home_btn">home</button> 
 
<button class="hidden">Newyork</button> 
 
<button class="hidden">Florida</button> 
 
<button class="hidden">Miami</button>

如果你想消失一下，設置後顯示的主頁按鈕：無;對於#home_btn點擊。我添加了下面的代碼片段。

document.getElementById("home_btn").addEventListener("click",function(){ 
 
    document.getElementById("home_btn").style.display = "none"; 
 
    var hidden = document.getElementsByClassName("hidden"); 
 
    for(i =0;i < hidden.length ; i++){ 
 
     hidden[i].style.display = "block"; 
 
    } 
 
})

.hidden{ 
 
    display:none; 
 
    }

<button id="home_btn">home</button> 
 
<button class="hidden">Newyork</button> 
 
<button class="hidden">Florida</button> 
 
<button class="hidden">Miami</button>

來源

2016-12-13 03:34:03

謝謝你，它的作品像魅力！，如果我想確保主頁按鈕消失後點擊我該怎麼做..？ –

@JeffersonXMasonic我添加了消失home鍵後點擊 –

不行的消失點擊片段，我不知道爲什麼 –

$(function(){ 
 
$("#home").click(function() { 
 
    $("#NewYork").show(); 
 
    $("#Florida").show(); 
 
    $("#Miami").show(); 
 
}) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="home">home</button> 
 
    <button id="NewYork" hidden>1</button> 
 
    <button id="Florida" hidden>2</button> 
 
    <button id="Miami" hidden>3</button>

來源

2016-12-13 03:43:49 Romeo

使用JavaScript或CSS顯示隱藏按鈕

回答

相關問題