jQuery once per same event click
<p>I'm trying to get a jQuery even to only fire once per click of that event, but if the user clicks another element and then comes back to the same one it will fire again.</p>

<p>For example:</p>

<pre><code>$( '.summary' ).on( "touchstart mousedown", function(event) {
    var data_summary = $(this).attr('data-summary');
    $('#info').empty().stop(true, true).fadeOut().html('&lt;p&gt;'+data_summary+'&lt;/p&gt;').fadeIn();
});
</code></pre>

<p>I know about one(), but this will disable it permanently. What this code does is fade in a bubble, but I don't want it to keep doing that if the user clicks it multiple times. However if a user clicks another element, it will fade a new one in, thus making the previous one valid again if clicked.</p>

<p><strong>Update:</strong></p>

<p>The fade in and out was also off, here is the final working code from the answer below with tweaks if anyone else needs it. </p>

<pre><code>var prev = null;
$( '.summary' ).on( "touchstart mousedown", function(event) {
    if(this !== prev) {
        prev = this;
        var data_summary = $(this).attr('data-summary');
        $('#info').stop(true, true).fadeOut('fast', function() {
            $(this).html('&lt;p&gt;'+data_summary+'&lt;/p&gt;').fadeIn();
        });
    }
});
</code></pre>
