Ich habe HTML / JQuery, die ein Div nach oben und unten schiebt, um es anzuzeigen / auszublenden, wenn auf einen Link geklickt wird:

<ul class="product-info">
  <li>
    <a href="#">YOU CLICK THIS TO SHOW/HIDE</a>
    <div class="toggle">
      <p>CONTENT TO SHOW/HIDE</p>
    </div>
  </li>
</ul>

$('div.toggle').hide();
$('ul.product-info li a').click(function(event){
  $(this).next('div').slideToggle(200);
}

Meine Frage ist: Wie verwende ichpreventDefault(), um zu verhindern, dass der Link als Link fungiert und @ hinzugefügt wi# zum Ende meiner URL & zum Anfang der Seite springen?

Ich kann die richtige Syntax nicht herausfinden. Ich erhalte immer wieder die Fehlermeldung, dass preventDefault () keine Funktion ist.