Попытка добавить кнопку show/hide, но перезаписана javascript темы

Question

Редактировать - мне удалось найти файл js и удалить эффект зависания.

Я работаю над WP. У меня есть форма optin, которую мне нужно показать при нажатии на кнопку. Функциональность, предоставляемая темой, показывает форму при наведении указателя мыши, но она глючит и делает пользователя плохой.

Мне удалось добавить кнопку, но я не знаю, как перезаписать текущую функцию наведения.

Вот что у меня есть

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; 
    } 

Вот [ссылка] на сайте.

Я пытаюсь установить серый квадрат на панели навигации, который пишет: «Έχεις ήδη κερδίσει ένα δώρο!».

Answer 1

Не уверен, что это то, что вы хотите, но вместо того, чтобы:

<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> 

был примерно хотя. ;)