ok
ogólnie ta animacja się tyczy nie menu za bardzo bo to chodzi żeby po kliknięciu w Zaloguj się wyskoczyło okienko i bez odświeżania elementu wyskakuje normalnie a jak robię odświeżanie elementu przy użyciu .load to już nie działa
js ustawienia okienka itp
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
$(document).ready(function() {
var $loading = $('
<img style="left:50%; top:50%; width:64px; height:64px; margin:-32px 0 0 -32px; position:absolute;" src="images/loading.gif">');
$('[id^=dialog_]').each(function() {
var $dialog = $('
<div></div>')
.append($loading.clone());
var $link = $(this).one('click', function() {
$dialog
.load($link.attr('href'))
.dialog({
show: 'blind',
hide: 'explode',
title: $link.attr('title#'),
width: $link.attr('width#'),
height: $link.attr('height#')
});
$link.click(function() {
$dialog.dialog('open');
return false;
});
return false;
});
});
});
var auto_refresh = setInterval(
function ()
{
$('#menu').load(location.href + ' #menu');
}, 1000);
<li class="menu"><a href="index.php" class="parent"><span>Strona główna
</span></a></li> {if $user_id}
<li class="menu"><a href="zmien_styl.html" class="parent"><span>Zmień styl
</span></a></li> <li class="menu"><a href="moje_zdjecia.html" class="parent"><span>Moje zdjęcia
</span></a></li> <li class="menu"><a href="wyloguj.html" class="parent"><span>Wyloguj się
</span></a></li> {else}
<li class="menu"><a id="dialog_logowanie" class="parent" width#="300" height#="200" title#="{$zaloguj_sie}" href="logowanie.html"><span>Zaloguj się
</span></a></li> <li class="menu"><a id="dialog_rejestracja" class="parent" width#="300" height#="300" title#="{$rejestracja}" href="rejestracja.html"><span>Zarejestruj się
</span></a></li> {/if}
takie coś mniej więcej to jest tu masz link do oficjalnej strony tego okienka
http://jqueryui.com/dialog/Wersje jQuery mam 1.7