title: JQuery Toggle next div after click
body: <p>I cant figure out to target the next div to show/hide it with JQuery.</p>
  
  <p>JavaScript:</p>
  
  <pre><code>    $("a.more").live("click", function(event){
          event.preventDefault();
          $(this).next('.show-more').toggle();
      }); 
  </code></pre>
  
  <p>DOM:</p>
  
  <pre><code>            &lt;p&gt;
                  {{beschreibung}}
                  (&lt;a class="more" href="{{id}}"&gt;&lt;i class="icon-plus"&gt;&lt;/i&gt;)
              &lt;/p&gt;
  
              &lt;div class="show-more" style="display:none;"&gt;
                  &lt;p&gt;
                     {{beschreibung_lang}}
                 &lt;/p&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas where the problem is?</p>
  
  <p><strong>Failure between screen and keyboard: Missed the closing a TAG (-;</strong></p>