title: toggle ,show and hide not working
body: <p>i used toggle to hide paragraph through a video but i do not run</p>
  
  <pre><code>&lt;div class="site-slider"&gt;
      &lt;div class="slider"&gt;
          &lt;div class="flexslider"&gt;
              &lt;ul class="slides"&gt;
                  &lt;li&gt;
                      &lt;div class="overlay"&gt;&lt;/div&gt;
  
                      &lt;video id="video_background" preload="auto" autoplay="true" loop="loop" volume="0" width="100%"&gt;
  
                          &lt;source src="video.mp4" type="video/mp4"&gt; Video not supported
                      &lt;/video&gt;
  
                      &lt;div class="slider-caption "&gt;
                          &lt;div class="hide"&gt;
                              &lt;h2&gt;Marketing Solutions Company&lt;/h2&gt;
                              &lt;p&gt;feeling special&lt;/p&gt;
                          &lt;/div&gt;
                          &lt;a href="#" class="slider-btn" id="polina  onclick=" toggleContent()&gt;Pause&lt;/a&gt; &lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;
  
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!-- /.flexslider --&gt;
      &lt;/div&gt;
      &lt;!-- /.slider --&gt;
  &lt;/div&gt;
  &lt;!-- /.site-slider --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>how i can show this paragraph when i paused the video because i use display:none  </p>