preventDefault () на <a> тег

С другой стороны, Вы могли просто возвратить false от события щелчка:

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

, Который остановил бы A-Href быть инициированным.

Примечание однако, по причинам удобства использования, в идеальном мире, что href должен все еще пойти куда-нибудь для людей, кого хочет открыть ссылку на новой вкладке;)

Почему бы просто не сделать это в CSS?

Уберите атрибут 'href' из тега привязки

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

В CSS,

  a{
    cursor: pointer;
    }