嘗試添加顯示/隱藏按鈕，但被主題的javascript覆蓋

編輯 - 我能夠找到js文件並移除懸停效果。嘗試添加顯示/隱藏按鈕，但被主題的javascript覆蓋

我正在WP上工作。我有一個選擇窗體，我需要點擊一個按鈕來顯示。主題提供的功能顯示了懸停時的表格，但它有問題，並導致用戶體驗不佳。

我已經設法添加按鈕，但我不知道如何覆蓋當前的懸停功能。

這裏，我有

的Javascript

<script language="JavaScript"> 
    function toggle(id) { 
     var state = document.getElementById(id).style.display; 
      if (state == 'block') { 
       document.getElementById(id).style.display = 'none'; 
      } else { 
       document.getElementById(id).style.display = 'block'; 
      } 
     } 
</script>

HTML

<div id="nav_subscription" class="subscription_form clearfix"> 
<span id="subscribe_dd" class="contrast"><?php gb_e('Get the Latest Deals') ?><span><a href="#" onclick="toggle('subscription_form_wrap');">Toggle Div</a></spa> 

</div><!-- #main_navigation --> 

    <div id="subscription_form_wrap" style="display:none;"> 
    <div class="optinbar_close" style="bottom: 202px; left: -10px;"></div>       
    <p class="fillout2">Συμπλήρωσε την παρακάτω φόρμα και μπες στο club επικοινωνίας του Fitness Forum για να σου στείλουμε αμέσως με email το δώρο σου. Απλά, γράψε το όνομα και το email σου και κλίκαρε 'Στείλτε το δώρο μου'.</p> 


<!-- Begin MailChimp Signup Form -->          
    <div id="mc_embed_signup">     

    </div> 
</div><!-- #header_subscription.subscription_form -->

CSS

#subscription_form_wrap { 
    -webkit-border-bottom-right-radius: 0; 
    -webkit-border-bottom-left-radius: 0; 
    -moz-border-radius-bottomright: 0; 
    -moz-border-radius-bottomleft: 0; 
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0; 
    background: none; 
    background-color: #FFFFFF; 
    padding: 0; 
    float: left; 
    position: absolute; 
    top: 34px; 
    right: 0; 
    height: auto; 
    min-width: 200px; 
    border: 1px solid #CCC; 
    font-size: 13px; 
    } 

#subscribe_dd { 
    color: white; 
    font-size: 16px; 
    text-align: center; 
    line-height: 17px; 
    background-color: #999; 
    width: 255px; 
    height: 19px; 
    -moz-border-radius-bottomright: 0; 
    -webkit-border-bottom-right-radius: 0; 
    border-bottom-right-radius: 0; 
    } 

.optinbar_close { 
    float: right; 
    background: url(assets/images/close3.png) no-repeat; 
    display: inline; 
    height: 32px; 
    width: 32px; 
    cursor: pointer; 
    text-decoration: underline; 
    color: white; 
    position: absolute; 
    right: 10px; 
    }

這裏有一個[鏈接]網站。

我試圖修復導航欄上的灰色方塊，上面寫着：「Έχειςήδηκερδίσειέναδώρο！」。

來源

2013-01-31 kat_indo

不知道這是你想要的，但不是：

<span id="subscribe_dd" class="contrast">Έχεις ήδη κερδίσει ένα δώρο!<span> 
    <a href="#" onclick="toggle('subscription_form_wrap');">Toggle Div</a></spa>

您可以嘗試跨度包裝到A HREF：

<a href="#" onclick="toggle('subscription_form_wrap');"> 
    <span id="subscribe_dd" class="contrast">Έχεις ήδη κερδίσει ένα δώρο!<span> 
</a>

如果你真的想用只有JavaScript ，這也適用：

<span id="subscribe_dd" class="contrast" onclick="toggle 
    ('subscription_form_wrap')>Έχεις ήδη κερδίσει ένα δώρο!<span>

不知道什麼標籤

</spa>

是關於。 ;）

來源

2013-01-31 23:27:07 Marcus

謝謝Markus！我實際上能夠找到js文件並移除懸停效果！ –

不客氣。現在我明白你想要什麼了。 ;）所以我沒有糾正你的頁面的另一個錯誤。如果你對我的答案強硬起來，會很好。 ; d – Marcus

嘗試添加顯示/隱藏按鈕，但被主題的javascript覆蓋

回答

相關問題