激活標籤時，另一個標記點​​：

Question

我想有一個彈出我點擊頁腳按鈕（過渡淡入淡出效果..但我會工作了這一點）

彈出的例子，我後（主動）像：codepen.io/anon/pen/AIFyv

我似乎無法解決如何做到這一點，我看過這裏（SO）和其他地方的例子，他們有道理，但是當我將它應用到我的代碼（HTML和CSS）不起作用。

我的例子： codepen.io/anon/pen/bVmjxN

也許我的 '代碼' 是壞？我寫錯了嗎？你能否回顧一下？

Answer 1

你的代碼並不差，你只是沒有綁定事件觸發器的必要JS，或者做出必要的CSS類來幫助轉換。

你可以做到上述所有，讓轉換變得非常簡單但很酷！這是我改變的代碼，演示在底部。

HTML：

<div id="heading1"> 
    <h1 id="header" class="text hide"> 
    CSS is cool! 
    </h1> 
</div> 

CSS：

.text{ 
    transition: all 1s ease-in; 
} 

.hide{ 
    opacity: 0; 
} 

我以前transition: all只是作爲一個演示，你可以自定義它，你想怎麼。要使用transition: opacity創建淡入淡出效果。

JS：

$('.footer-links').on("click", function(){ 
    $('.text').toggleClass('bubble hide'); 
}); 

CODEPEN DEMO