title: unwanted display: none added automatically on class
body: <p>I've a panel with a copy link inside, when I click to open my panel a display:none is added automatically<br/></p>
  
  <p>to solve that i added this line on my jquery part: <code>showme.style.display = "none";</code> now we can open the panel perfectly but it's impossible to close it after</p>
  
  <p>someone have a solution ?<br/><br/></p>
  
  <p><a href="http://500milligrammes.com/facticemagazine/final/0/index2.html" rel="nofollow">here</a> is my link <strong>WITHOUT</strong>  <code>showme.style.display = "none";</code>:<br/></p>
  
  <p><br/>
  <a href="http://500milligrammes.com/facticemagazine/final/0/index.html" rel="nofollow">here</a> is my link and here is my code <strong>WITH</strong>  <code>showme.style.display = "none";</code>: <br/></p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;&lt;!--[if IE 8]&gt;&lt;html lang="en" class="lt-ie9"&gt; &lt;![endif]--&gt;
  &lt;!--[if gt IE 8]&gt;&lt;!--&gt;&lt;html lang="en"&gt;&lt;!--&lt;![endif]--&gt;
  &lt;head&gt;&lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  &lt;script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.js"&gt;&lt;/script&gt;
  
  &lt;style&gt;
  
  div#panel1 { 
      display: block; 
      background-color:#eee; 
      visibility: hidden;
  }
  
  .flip1  { 
      display: block; 
      background-color:#eee;
  }
  
  #check  { 
      visibility: hidden; 
      width:12px; height:12px;
  }
  span#copy-callbacks, span#copy-callbacks2 { 
      float: none; cursor:pointer; 
  }
  .zclip { 
      border:1px solid red; 
      position:relative; 
      display:inherit; 
  }
  div#zclip-ZeroClipboardMovie_1.zclip { 
      position: relative; 
      margin-top:-18px; 
  }
  
  &lt;/style&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $("span#copy-callbacks").zclip({
          path:"ZeroClipboard.swf",
          copy:$('#callback-paragraph').text(),
          beforeCopy:function(){
              $('#copy-callbacks').css('display','none');
          },
          afterCopy:function(){
              $('#copy-callbacks').css('display','block');
          }
      });
  
      document.getElementById("copy-callbacks").onclick = function() {
          document.getElementById("check").style.visibility = "visible";
      }
  });
  
  
  $(document).ready(function() {
      $('span#copy-callbacks').hover(
          function () {
              $(this).css({"color":"#e0ccb4"});
          }, 
  
          function () {
              $(this).css({"color":"#000"});
          }
      );
  
      $(".flip1").click(function(){
      $("#panel1").slideToggle("fast");
      });
  });
  
  function newwindow() {
      var showme = document.getElementById("panel1");
      showme.style.visibility = "visible";
      showme.style.display = "none";
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div style="margin-top:150px;" onclick="newwindow()" class="flip1"&gt;Click to slide the first panel down or up&lt;/div&gt;
  &lt;div style="display: block; padding-bottom:80px;" id="panel1"&gt;
  
  &lt;span id="copy-callbacks"&gt; Copy link&amp;nbsp;&amp;nbsp;&lt;img src="check.png" id="check" style="display: inline;"&gt;&lt;/span&gt;
  &lt;span style="font-size:0px;" id="callback-paragraph"&gt;essaie sans alert&lt;/span&gt;
  
  &lt;/div&gt;
  
  &lt;script type="text/javascript" src="jquery.zclip.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.cbpFWSlider.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>