event.preventDefault() on first click then remove

Question

I have the default anchor disabled if it has a class subnav as shown in this fiddle.

I only want this disabled for the first click then I want the normal anchor function

Answer 1

Bind the event handler with one()docu. It executes once and automatically unbinds itself afterwards.

$(".subnav a").one("click", function(event) {
  event.preventDefault();
});

Alternatively you can unbind it yourself directly in the function. It's good to use a namespace for that

$(".subnav a").bind("click.myclick", function(event) {
  event.preventDefault();
  $(this).unbind(".myclick");
});