Click should only work on parent UL not sub UL

Click should only work on parent UL not sub UL

Hi there.
I've a navigation menu that has some sub-menus and I want to show them only after a click on the parent link. But every click on the sub-menu collapse the menu again.

  1. $('ul#nav>li:has(ul)').click(function() {
  2.   $(this).children('ul').slideToggle();
  3.   return false;
  4. });
  1.         <ul id="nav">
  2.             <li><a href="#Home">Home</a></li>
  3.             <li><a href="#Products">Products</a>
  4.                 <ul>
  5.                     <li><a href="#Apples">Apples</a></li>
  6.                     <li><a href="#Bananas">Bananas</a></li>
  7.                 </ul>
  8.             </li>
  9.             <li><a href="#Services">Services</a></li>
  10.         </ul>
  11.     </div>
When I click Products and than Apples it hides the level 2 UL. But it should go to #Apples instead. I can not change the HTML since it comes out of a CMS. So I have to deal with that structure.

How can I prevent the level 2 UL collapses when I click on Apples or Bananas?

Hope someone can help. Thanks!