How to disable a click on a link from also calling a javascript event that is hooked up to its parent container?
===

I have a row inside of a table in html that is hooked up to the following javascript function:

    <script type='text/javascript'>
            $(window).load(function () {
                $(".clickable").click(function () {

                    $(this).next().toggle();

                });
            }); 

This function expands some content directly below this row. I also have a link in this row that is used to click through to another page. It looks like this:

![enter image description here][1]

When I click the link it will quickly expand the content right before it navigates to the page that it is supposed to go to. 

How can I change it so that if the link is clicked, it goes to that page ***without*** calling the javascript function that expands the extra content?


  [1]: http://i.stack.imgur.com/aPC6I.png