Jquery Toggle Prevent default on a link
<p>I am displaying links on a website. </p>

<p>When the user clicks on the link, I don't want them to go the URL immediately. Instead, an inline pop-up box* should appear with a disclaimer. The user can then click on the link a second time to go to the URL (and this will also hide the disclaimer). </p>

<p>I know you can use <a href="http://api.jquery.com/event.preventDefault/" rel="nofollow">Prevent Default</a> to disable the default action of a link (so it doesn't take the user anywhere).</p>

<p>And I know you can use <a href="http://api.jquery.com/toggle/" rel="nofollow">toggle()</a> to show/hide a pop-up box.</p>

<p>However, I am not sure how you can toggle prevent default.</p>

<p>Here is my Jqery code <strong>(JS Fiddle is <a href="http://jsfiddle.net/big_smile/HZsQv/2/" rel="nofollow">here</a>)</strong></p>

<pre><code>(function($) {
    $(document).ready(function() {
        "use strict";
        $(".ui-popbox a").click(function(e) {
            e.preventDefault();
            $("[class^='ui-popbox-']").fadeToggle();
        });
    });
})(jQuery);
</code></pre>

<p>*By "inline pop-up box" I am referring to a box that appears inside an HTML document. I don't mean a pop-up window. </p>
