title: Need help showing div on hover
body: <p>I have tabs and i am trying to add hover to the content inside the tabs:</p>
  
  <pre><code>&lt;section class="tabs"&gt; &lt;input id="tab-1" name="radio-set" class="tab-selector-1"
  
          checked="checked" type="radio"&gt; &lt;label for="tab-1" class="tab-label-1"&gt;About&lt;/label&gt;
        &lt;input id="tab-2" name="radio-set" class="tab-selector-2" type="radio"&gt; &lt;label
  
          for="tab-2" class="tab-label-2"&gt;Services&lt;/label&gt; &lt;input id="tab-3" name="radio-set"
  
          class="tab-selector-3" type="radio"&gt; &lt;label for="tab-3" class="tab-label-3"&gt;Work&lt;/label&gt;
        &lt;input id="tab-4" name="radio-set" class="tab-selector-4" type="radio"&gt; &lt;label
  
          for="tab-4" class="tab-label-4"&gt;Contact&lt;/label&gt;
        &lt;div class="clear-shadow"&gt;&lt;/div&gt;
        &lt;div class="content"&gt;
          &lt;div class="content-1"&gt;
            &lt;h2&gt;About us&lt;/h2&gt;
            &lt;p&gt;Hover over me!&lt;/p&gt;
            &lt;h3&gt;How we work&lt;/h3&gt;
            &lt;p&gt;Info &lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="content-2"&gt;
            &lt;h2&gt;Services&lt;/h2&gt;
            &lt;p&gt;Info&lt;/p&gt;
            &lt;h3&gt;Excellence&lt;/h3&gt;
            &lt;p&gt;Info &lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="content-3"&gt;
            &lt;h2&gt;Portfolio&lt;/h2&gt;
            &lt;p&gt;Info&lt;/p&gt;
            &lt;h3&gt;Examples&lt;/h3&gt;
            &lt;p&gt;Info &lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="content-4"&gt;
            &lt;h2&gt;Contact&lt;/h2&gt;
            &lt;p&gt;Info&lt;/p&gt;
            &lt;h3&gt;Get in touch&lt;/h3&gt;
            &lt;p&gt;Some Info &lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/section&gt;
  </code></pre>
  
  <p>and I have content in there and when some hovers over the content i want to show this in <strong>a box</strong>:</p>
  
  <pre><code>                &lt;div class="span6 mb-20"&gt;
                  &lt;h2 class="element-title"&gt;Toggle&lt;/h2&gt;
                  &lt;ul id="toggle-view"&gt;
                    &lt;li class="clearfix"&gt;
                      &lt;h3&gt;blah&lt;/h3&gt;
                      &lt;span&gt;+&lt;/span&gt;
                      &lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;div class="panel clearfix"&gt;
                        &lt;p&gt;Lorem ipsum  &lt;/p&gt;
                      &lt;/div&gt;
                    &lt;/li&gt;
                    &lt;li class="clearfix"&gt; &lt;span&gt;+&lt;/span&gt;
                      &lt;h3&gt;The Best Solution For Your Business&lt;/h3&gt;
                      &lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;div class="panel clearfix"&gt;
                        &lt;p&gt;Lorem ipsum  &lt;/p&gt;
                      &lt;/div&gt;
                    &lt;/li&gt;
                    &lt;li class="clearfix"&gt; &lt;span&gt;+&lt;/span&gt;
                      &lt;h3&gt;Blah&lt;/h3&gt;
                      &lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;div class="panel clearfix"&gt;
                        &lt;p&gt;Lorem ipsum &lt;/p&gt;
                      &lt;/div&gt;
                    &lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;!--end:toggle-view--&gt; &lt;/div&gt;
                &lt;!--span6--&gt; &lt;/div&gt;
  </code></pre>
  
  <p>How would i do it? Thanks! I tried it multiple times but i had no luck, Hopefully you guys can figure it out. I am already using jquery so jquery solution will work! 
  Again Thanks!</p>
  
  <p>@Ohgodwhy I tried this but it doesn't work, it takes me to the top of the page:</p>
  
  <pre><code>&lt;div class="content-1"&gt;
            &lt;h2&gt;About us&lt;/h2&gt;
            &lt;p&gt;info&lt;/p&gt;
            &lt;h3&gt;How we work&lt;/h3&gt;
            &lt;p&gt;info&lt;/p&gt;
          &lt;/div&gt;
          &lt;script&gt;
            $('p').hover(function(){
     $('div').toggle(); 
  }, function(){
     $('div').toggle();  
  });
          &lt;/script&gt;
          &lt;div class="span6 mb-20"&gt;
                  &lt;h2 class="element-title"&gt;Toggle&lt;/h2&gt;
                  &lt;ul id="toggle-view"&gt;
                    &lt;li class="clearfix"&gt;
                      &lt;h3&gt;blah&lt;/h3&gt;
                      &lt;span&gt;+&lt;/span&gt;
                      &lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;div class="panel clearfix"&gt;
                        &lt;p&gt;Lorem ipsum  &lt;/p&gt;
                      &lt;/div&gt;
                    &lt;/li&gt;
                    &lt;li class="clearfix"&gt; &lt;span&gt;+&lt;/span&gt;
                      &lt;h3&gt;The Best Solution For Your Business&lt;/h3&gt;
                      &lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;div class="panel clearfix"&gt;
                        &lt;p&gt;Lorem ipsum  &lt;/p&gt;
                      &lt;/div&gt;
                    &lt;/li&gt;
                    &lt;li class="clearfix"&gt; &lt;span&gt;+&lt;/span&gt;
                      &lt;h3&gt;Blah&lt;/h3&gt;
                      &lt;div class="clear"&gt;&lt;/div&gt;
                      &lt;div class="panel clearfix"&gt;
                        &lt;p&gt;Lorem ipsum &lt;/p&gt;
                      &lt;/div&gt;
                    &lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;!--end:toggle-view--&gt; &lt;/div&gt;
                &lt;!--span6--&gt; &lt;/div&gt;
  </code></pre>