[SOLUCIONADO] Evitar desplazamiento de la pagina al seleccionar pestaña

[MindPaniC]

Hola,

Tengo unas pestañas o tabs echas con jquery y cuando selecciono una de ellas la pagina se desplaza al contenido de la pestaña, quiero evitar que exista ese desplazamiento y no entiendo muy bien por qué ocurre.

Este es el html (básico) de las pestañas:

Código HTML:

<div class="list_tabs">
                    <div class="tab"><div><a href="#tabs-1">xxxxxxx</a></div></div>
                    <div class="tab"><div><a href="#tabs-2">xxxxxxxx</a></div></div>
                    <div class="tab"><div><a href="#tabs-3">xxx</a></div></div>
                </div>
                <!-- aqui va todo tu contenido -->
                <div class="content_menu">
                     <div id="tabs-1" style="display:block">
                        <p>tab1 Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus nec arcu. </p>
                    </div>
                    <div id="tabs-2" style="display:none">
                        <p>tab2 aaaaaaaaaaa</p>
                    </div>
                    <div id="tabs-3" style="display:none">
                        <p> tab3 eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
                    </div>
                </div>
 

No se si necesitais el script, si quereis lo pongo.

[MindPaniC]

Al final lo he solucionado intrudociendo:

Código Javascript:

return false;
 

en el script.

Era mas fácil de lo que pensaba.

Saludos