Prosty skrypt do tworzenia tutoriali w jQuery, HTML i CSS

HTML, jQuery
URL:
Technologia:

Szukałem, szukałem i nie znalazłem. Goldenline też nie pomogło więc napisałem sam. Oto prosty skrypt który można wykorzystać do utworzenia czegoś w stylu tutorialu online.

jQuery:
[code]
// Tutorial
jQuery(„.jqNextTut”).click(function(){
$obecny = jQuery(this).parents(„div.jqTut”).attr(‚id’);
$nastepny = jQuery(this).attr(‚rel’);

jQuery(„#”+$obecny).fadeOut(‚slow’);
jQuery(„#”+$nastepny).fadeIn(‚slow’);

});
[/code]

html:
[code]

TUTAJ rozpoczyna się tutorial
Masz do wyboru następujące opcje:

KROK 2

Jesteś w KROKU 3

Jesteś w KROKU 4

[/code]

css:
[code]
/*
TUTORIAL
*/

.jqTut {
display:none;
width:500px;
margin:auto;
}

.jqTutStart {
display: block;
}

a.jqNextTut {
padding: 20px;
width:200px;
height:70px;
background-color: #e3d8d8;
cursor:pointer;
display: block;
}
a.jqNextTut:hover {
background-color: #d9cfcf;
}
[/code]