W divie news jest efekt że div się zwija do środka i rozwija się nowy.
Dokładniej chodzi o to:
1. Klikam na dany odnośnik w menu.
2. Podmienia mi danego diva.
3. Podczas podmieniania "stary" div zwija się do środka i z tego środka rozwija się "nowy" div.
I ten efekt zwijania i rozwijania z środka chciałbym usunąć.
Kod
$(document).ready(function() {
var hash = window.location.hash.substr(1);
var href = $('#nav li a').each(function(){
var href = $(this).attr('href');
if(hash==href.substr(0,href.length-5)){
var toLoad = hash+'.html #news';
$('#news').load(toLoad)
}
});
$('#nav li a').click(function(){
var toLoad = $(this).attr('href')+' #news';
$('#news').hide('fast',loadContent);
$('#load').remove();
$('#wrapper').append('<div id="load"><br>Laduje tresc...</div>');
$('#load').fadeIn('normal');
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
function loadContent() {
$('#news').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#news').show('normal',hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;
});
});
var hash = window.location.hash.substr(1);
var href = $('#nav li a').each(function(){
var href = $(this).attr('href');
if(hash==href.substr(0,href.length-5)){
var toLoad = hash+'.html #news';
$('#news').load(toLoad)
}
});
$('#nav li a').click(function(){
var toLoad = $(this).attr('href')+' #news';
$('#news').hide('fast',loadContent);
$('#load').remove();
$('#wrapper').append('<div id="load"><br>Laduje tresc...</div>');
$('#load').fadeIn('normal');
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
function loadContent() {
$('#news').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#news').show('normal',hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;
});
});
aby zobaczyć co się po czym wykonuje