Kod:
#slider_frame { float: left; position: relative; z-index: 2; width: 310px; height: 545px; background: #111; padding: 20px; opacity: 0.5; } .left_column { float: left; width: 210px; padding: 18px; position: relative; z-index: 2; }
Kod JS:
$('#close_slider_frame').click(function(){ var current = $('#slider_frame p[align="right"]').text(); if (current == 'Zamknij') { $('#slider_frame').stop(true,false).animate({ left: '-=262' }, 1500, function(){ $('#slider_frame p[align="right"]').text('Otwórz'); }); } else { $('#slider_frame').stop(true,false).animate({ left: '+=262' }, 1500, function(){ $('#slider_frame p[align="right"]').text('Zamknij'); }); } });
Animacja działa, ale zakrywa mi lewą stronę, a ma się chować pod nią.