Tabs - Changer l'url lors du clique

Bonjour a tous,

J'utilise actuellement ce http://tympanus.net/codrops/2014/03/21/responsive-full-width-tabs/magnifique pluggin[/url de Codrops, pour un systeme de tabs sur un de mes sites OnePage.
J'ai donc deja un url de ce type www.monsite.fr/index.php#rubrique1
J'aimerais que lors du clique sur une de mes tabs, que mon URL change et mette www.monsite.fr/index.php#rubrique1-tab2

Sauf que je suis tellement nulle en JS que je n'y arrive pas ! J'ai essaye ce code suivant dans ma fonction mais bug, cela m'affiche "url: null"

CBPFWTabs.prototype._initEvents = function() {
		var self = this;
		this.tabs.forEach( function( tab, idx ) {
			tab.addEventListener( 'click', function( ev ) {
				ev.preventDefault();
				self._show( idx );
				
				// tu récupères l'ancre
				var selected = parseInt( location.hash.slice(1) );
				var id = document.getElementById(this) ;
				alert('url: ' + id);
			} );
		} );
	};

Une petite aide volontaire svp ?

Bonjour.

Il manque un peu d'HTML pour voir tes différents éléments par rapport à ton JS.

Deuxième chose, s'il s'agit de gérer un historique, je te conseille d'utiliser l'API HTML5 history.pushState()