Transitions - Fading [SOLVED]
Got this page that uses jquery to switch between pages:
http://gmjones.org/pages/index.html#
When I move between pages, the text 'rolls' down from the top. I want it to fade in.
Here's the jquery code:
<script type='text/javascript'>
$(document).ready(function() {
$('ul#navigation li').click(function(){
var number = $(this).index();
$('.sec').hide().eq(number).show('fade');
$(this).toggleClass('active inactive');
$('ul#navigation li').not(this).removeClass('active').addClass('inactive');
});
$('.sec').not(':first').hide();
});
</script>
I added the 'fade' but didn't get the desired result.
What do I need to change in the coding?