Muy buenas!
estoy trabajando un menu tipo "tab" donde una vez se pulsa sobre uno de los tabs aparece un contenido u otro. El código es el siguiente:
Código PHP:
<div id="wdgt-thread" class="tabbed-wdgt">
<div class="tabbed-area">
<ul class="tabs">
<li><a href="#wdgt-thread" id="tab-thread-1" class="tab-thread tab-active active" title="thread-1">popular news</a></li>
<li><a href="#wdgt-thread" id="tab-thread-2" class="tab-thread tab-active" title="thread-2">last comments</a></li>
</ul>
<div id="thread-1" class="tab-content">
<ul>
<li><a href="#" title="SEO KEYWORDS">News exemple number one <small>12 comments</small></a></li>
<li><a href="#" title="SEO KEYWORDS">News exemple number two <small>2 comments</small></a></li>
<li><a href="#" title="SEO KEYWORDS">News exemple number three <small>0 comments</small></a></li>
<li><a href="#" title="SEO KEYWORDS">News exemple number four <small>1 comments</small></a></li>
<li><a href="#" title="SEO KEYWORDS">News exemple number five <small>56 comments</small></a></li>
<li><a href="#" title="SEO KEYWORDS">News exemple number six <small>15 comments</small></a></li>
<li><a href="#" title="SEO KEYWORDS">News exemple number seven <small>22 comments</small></a></li>
<li><a href="#" title="SEO KEYWORDS">News exemple number eight <small>18 comments</small></a></li>
<li><a href="#" title="SEO KEYWORDS">News exemple number nine <small>25 comments</small></a></li>
<li><a href="#" title="SEO KEYWORDS">News exemple number ten <small>30 comments</small></a></li>
</ul>
</div>
<div id="thread-2" class="tab-content">
<ul>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
<li><a href="#" title="SEO KEYWORDS">Comment in the blog section</a></li>
</ul>
</div>
</div><!--end div.tabbed-area-->
</div><!--end div#wdgt-thread-->
Y lo controlo con jQuery desde un archivo externo a través del sigueinte evento:
Código PHP:
$("a.tab-thread").click(function () {
$(".active").removeClass("active");
$(this).addClass("active");
$("div#wdgt-thread div.tab-content").slideUp();
var content_show = $(this).attr("title");
$("#"+content_show).slideDown();
});
Pues bien, el caso es q funciona correctamente y como esperaba. Pero el problema es que cuando pulso el ancla (etiqueta "a") que lanza dicho evento en .click me salta al principio del documento, lo cual no entiendo.
Espero q alguien me pueda ayudar con esto, muchas gracias!!