W
world
Guest
Hier gab es ja das tut der Hebammen Hompage und auf dem Webdesigner Podcast gibt es ja das passende Video dazu. Mein Problem ist das gerade beim faden mein Wissen nicht so groß ist. Ich habe es zwar so gemacht wie es im Video gezeigt wird nur dieser Klappeffekt geht bei mir nicht. Wo habe ich nur meinen Denkfehler.
Die Seite soll sich so zusammen ziehen wie in dem Video vom Webdesign Podcast. Kann mir jemand einen Tipp geben. Wie gesagt gerade in dem Bereich bin ich nicht gerade eine Leuchte also auch so bitte so erklären das ich es auch verstehe.
Code:
<script src="js/mylibs/jquery-ui.js"></script>
<script>
var loading= '<section class="loading"><img src="images/ajax-loader.gif" width="24" height="24" alt="loader ">Bitte warten die Seite wird neu geladen</select>';
$(document). ready (function(){
$('nav a').klick (function(){
bgColor= $(this).css('backgroundColor');
link = $(this). attr('href');
$ ('#main section *'). fadeOut ( 'slow' );
$ ('#main section').animate ({
height: 0,
paddingTop: 0,
paddingBottom: 0
}, 'slow', function (){
$ ('#main section'). remove();
$ ('footer').before (loading);
$('#main section').animate({
paddingTop: 20,
paddingBottom: 20,
height: 20
}, 'slow', function (){
$ ('#main').animate ({
backgroundColor: bgColor
}, 'slow' );
$ .get (link, function ( data, success){
if ( success == 'success' ){
$('#main section').animate({
height: 0,
paddingTop: 0,
paddingBottom: 0
}, 'slow', function(){
$ ('#main section'). remove();
$ ('footer').before (data);
});
}
}).error (function(){
alert ('Sie öffnen eine Seite die zur Zeit nicht existiert.');
});
});
});
return false;
Die Seite soll sich so zusammen ziehen wie in dem Video vom Webdesign Podcast. Kann mir jemand einen Tipp geben. Wie gesagt gerade in dem Bereich bin ich nicht gerade eine Leuchte also auch so bitte so erklären das ich es auch verstehe.