roundabout - btnNextCallback och childSelector

vad få du om du kör console.log(this) inne i din showText i konsollen på din webbläsare (Chrome, Firefox+firebug)?

Om den retunera din ul.myRoundabout så kan du väl bara köra:

$(this).roundabout("animateToNextChild")

Tack för svaret voigtann1. Men jag lyckades lösa det på egenhand. om någon annan vill göra samma sak, kan jag ju skriva hur jag gjorde.

Om man sätter option triggerFocusEvents till true kommer en "focus" event att triggas på li elementet varje gång det hamnar i fokus. Samtidigt kommer en "blur" event att triggas på det li element som lämnar fokus.

Det är ju då bara att skriva ngt i stil med:

<script>
$(document).ready(function() {
	$('ul.myRoundabout').roundabout({
		shape: 'waterWheel',
		triggerFocusEvents: true,	//krävs för att focus event skiten ska fungera

	},function(){
		//visar diven under det li element som har id="1" på roundabouts callback
		jQuery("div", "#1").fadeIn('slow');
	 });
		 
	$('li').bind('blur', function() {
		//när li elementet åker ur fokus så fadeas det ut
		jQuery("div", this).fadeOut('slow');
	});
		 
	$('li').bind('focus', function() {
		//när li elementet åker i fokus så fadeas det in
		jQuery("div", this).fadeIn('slow');
	});
		 
});
</script>

Vill ge lite tips:

Din kod kommer inte fungera i IE (du har , för mycket i ditt object) och $ är samma sak som window.jQuery (eller som du har där jQuery) så du kan ju "korta" ner det, du binder också alla li element på din sida, vilket är kanske det önskade resultatet:

$(document).ready(function() {
	$('ul.myRoundabout').roundabout({
		shape: 'waterWheel',
		triggerFocusEvents: true
	}).find('li').bind('blur focus', function(e) {
		$('div', this)[e.type === 'blur' ? 'fadeOut' : 'fadeIn']('slow');
	})
	.filter(':first').trigger('focus'); // find the first li and trigger its focus event.
});

Tack så mycket :).

Det där var ju klart snyggare så du får lösningen istället ;)