modificare tabs in link

[dvd810]

Ciao a tutti.
Ho trovato questo bellissimo script
Vorrei apportargli una modifica:
I testi dei pulsanti, dovrebbero avere la funzione di link, oltre all'attuale funzione di visualizzare il tabs.

<div class="zoomoutmenu"> 
<ul class="tabs"> [*]One [*]Two [*]Three [*]Four[*]Five[/list]

Cosa dovrei modificare nel codice? Presumo che si tratta di intervenire nel Js.
Ringrazio tutti per l'aiuto.

[lucavizzi]

[*]One

[cavicchiandrea]

Se non dovesse funzionare il consiglio di Luca prova cosi questo blocco originale

$tabs.find('a').hover(function () {
                clearTimeout(hoverIntent);
                var el = this;
                hoverIntent = setTimeout(function () {
                    $panels.hide().filter(el.hash).show();
                }, 100);
            }, function () {
                clearTimeout(hoverIntent);
            }).click(function () {
                return false;
            });
        });

lo modifichi cosi:

$tabs.find('a').hover(function () {
                clearTimeout(hoverIntent);
                var el = this;
                hoverIntent = setTimeout(function () {
                    $panels.hide().filter(el.hash).show();
                }, 100);
            }, function () {
                clearTimeout(hoverIntent);
            }).click(function () {
// togli il return false che blocca il click e gli inserisci il href
                location.href='TUAPAGINADESTINAZIONE.xxxx';
            });
        });

[lucavizzi]

Così vanno tutti alla stessa pagina però.
Comunque il return false bisogna toglierlo.

[cavicchiandrea]

Originariamente inviato da lucavizzi
Così vanno tutti alla stessa pagina però....

Giusto, se gli dovessero servire link diversi prova cosi:

$tabs.find('a').hover(function () {
                clearTimeout(hoverIntent);
                var el = this;
                hoverIntent = setTimeout(function () {
                    $panels.hide().filter(el.hash).show();
                }, 100);
            }, function () {
                clearTimeout(hoverIntent);
            }).click(function () {
// togli il return false che blocca il click e gli inserisci il href
if($(this).attr("href")=="#one"){
                location.href='TUAPAGINADESTINAZIONEUNO.xxxx';
}else if($(this).attr("href")=="#two"){
                location.href='TUAPAGINADESTINAZIONEDUE.xxxx';
}
//ripetendo gli if per tutti i href disponibili
            });
        });

[lucavizzi]

non è necessario lo switch, lo script usa solo l'hash dell'attributo href, quindi basta aggiungere l'url prima dell'hash:

<div class="zoomoutmenu"> 
<ul class="tabs"> [*]One [*]Two [*]Three [*]Four[*]Five[/list]

e lo script diventa:

$tabs.find('a').hover(function () {
                clearTimeout(hoverIntent);
                var el = this;
                hoverIntent = setTimeout(function () {
                    $panels.hide().filter(el.hash).show();
                }, 100);
            }, function () {
                clearTimeout(hoverIntent);
            }).click(function () {
                //return false; //l'hash lo lhashiamo nell'url ;)
            });
        });

[dvd810]

grazie a tutti... provo i vari suggerimenti e vi dico i risultati.