Tabs and iPhone

I have a problem when trying to render my tabs structure on an iPhone. The problem is that sometimes I click on one of the items and it gets triggered twice.

This works out 4 out of five times and it is not consistent. In my opinion this is related to a event handler problem.

HTML Structure:

<div class="footer-top">
<div class="container-12">
<ul>
<li><a href="#headline">Headline 1</a></li>
<li><a href="#headline-two">Headline TWO</a></li>
</ul>
<div id="headline">Headline 1 CONTENT</div>
<div id="headline-two">Headline TWO CONTENT</div>
</div>
</div>

Javascript:

var accordionTabs = function(elements) {
		$(elements).tabs({
			collapsible: true,
			active: false,
			beforeActivate: function(event, ui){
				if ($(ui.oldTab).length > 0) {
					$(ui.oldTab).height(54);
				}
				$(ui.newTab).height($(ui.newPanel).height());
			}
		});
	};