Trying to add a show/hide button, but overwritten by theme's javascript
<p>Edit - I was able to find the js file and remove the hover-over effect.</p>

<p>I'm working on WP. 
I have an optin form that I need to show on click on a button. The functionality provided by the theme shows the form on hover-over but it's buggy and makes the user experience bad.</p>

<p>I have managed to add the button, but I don't know how to overwrite the current hover-over function.</p>

<p>Here's that I have </p>

<p>Javascript</p>

<pre><code>&lt;script language="JavaScript"&gt;
    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';
            }
        } 
&lt;/script&gt;
</code></pre>

<p>HTML</p>

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

&lt;/div&gt;&lt;!-- #main_navigation --&gt; 

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


&lt;!-- Begin MailChimp Signup Form --&gt;                                    
    &lt;div id="mc_embed_signup"&gt;                  

    &lt;/div&gt;
&lt;/div&gt;&lt;!-- #header_subscription.subscription_form --&gt;
</code></pre>

<p>CSS</p>

<pre><code>#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;
    }
</code></pre>

<p>Here's a link to the website. <a href="http://deals.karditsa.topgreekgyms.gr" rel="nofollow">http://deals.karditsa.topgreekgyms.gr</a></p>

<p>I'm trying to fix the gray box on the navigation bar that writes: "Έχεις ήδη κερδίσει ένα δώρο!".</p>
