jQuery Forum

Hello,

jQuery 1.11.2

i've some pages that have jQuery tabs in place.
I need to open this pages in specific tabs.

I've following code, and when I run it, the contents of second tab is displayed, however, tab is not being highlighted all tab remain as unselected ... not allowing to know which tab is currently selected.
If user then moves into the tabs interface, then all tab functionality works fine ...

How can this be done?
Thanks,
Pedro Ribeiro

Here's a snippet of code
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li class="ui-tabs-active"><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1.</p>
</div>
<div id="tabs-2">
<p>Tab 2.</p>
</div>
<div id="tabs-3">
<p>Tab 3.</p>
</div>
</div>
<script>
$(function() {
$("#tabs").tabs({active: 1});
});
</script>