顯示DIV的懸停停止運行腳本切換

我試圖讓一個div lolcake工作後出現在另一panel_toggle1 DIV之一：顯示DIV的懸停停止運行腳本切換

當鼠標懸停在另一個DIV panel_toggle1
或切換和關閉每次單擊panel_toggle1點擊

懸停工作正常，但當我點擊panel_toggle1後，懸停停止工作。這是爲什麼？

將帖子腳本（注意：一些代碼從這個腳本文件刪除，以使其更易於閱讀 - 是的問題仍然存在）：

$(document).ready(function() { 
    var toggle_height1 = false; 
    $("#panel_toggle1").click(function() { 

     toggle_height1 = !toggle_height1; 

     if (toggle_height1 == true) { 
      $('.lolcake').css("display", "block"); 
     } else { 
      $('.lolcake').css("display", "none"); 
     } 
    }); 
});

工作CSS：

.lolcake 
{ 
    display: none; 
} 

#panel_toggle1:hover .lolcake 
{ 
    display: block; 
}

（如果需要）的aspx

<!-- GAME1 PANEL TOGGLE --> 
    <div id="panel_toggle1"> 
     <div class="lolcake" style="position:absolute">text</div><img src="images/image.png" alt=""/> 
    </div>

我使用其他功能，如toggle()和show()hide()，但都具有相同的效果。

來源

2013-03-31 Serge P

你可以包括所有出現在你的JS到你的aspx（HTML）代碼的元素，所以我們可以以分析它重現問題。或者你可以粘貼一個jsFiddle鏈接。 – Smuuf

，要弄清楚什麼是錯誤的，我們需要你的代碼中的所有元素。例如$（「＃panel1」）。slideToggle（「slow」）; $（「＃container-right」）。animate（）now其中是#panel和＃container-right div的?? – GeekyCoder

我已經添加了一個纖維，如果這有幫助！ –

添加到您的CSS

#panel_toggle1:hover .lolcake 
{ 
display: block !important; 
}

來源

2013-03-31 09:34:21 Vector

抱歉，這並不能真正解決我的問題。我的目標是讓我通過懸停**和**點擊（問題懸停在'panel_toggle1'停止工作，按鈕工作正常）的解決方案 –

我編輯了我的答案與解決方案 – Vector

令人驚歎的，正是我想要的:)！謝謝！！ –

顯示DIV的懸停停止運行腳本切換

回答

相關問題