slide stoppen

[capten]

guten morgen

weiss jemand wie ich das jQuery sliden 20px vor dem rand stoppen kann?

function toggle_sidebar(){
    
    $('#sidebar').toggle('slide', { direction: 'left' }, 500);
}

im moment ist die "sidebar" nicht mehr im bild und ich möchte erreichen das die ein bisschen sichtbar ist.

danke für eure hilfe!

[Nightflyer]

statt toggle bzw. slideToggle soltest du in dem Fall einfach animate() benutzen und dort die Position bzw. Breite deiner Menübar entsprechend animieren.

[capten]

danke für die info.

also ich hab das jetzt wie folgt:

<script type="text/javascript">
(function sidebar() {

        var sidebar = $('#sidebar').show(),
            sidebarButton = $('#sidebarButton', sidebar),
            w = sidebar.outerWidth();

        sidebar.css('left', '-' + w + 'px');

        sidebarButton.toggle (

            function() {
                sidebar.css('left', 0).show('slide', { easing: 'easeOutCubic' }, 1000, function() {
                    sidebarButton.css('right', '-20px');
                });
            },

            function() {
                sidebar.animate({ left: '-' + w + 'px' }, 1000, 'easeOutCubic');
                sidebarButton.css('right', '-20px');
            }

        );



    }());
</script>

damit man sieht was sich in der sidebar befindet würde ich die gerne einmal kurz anteasen durch einen automatischen slide.

also von komplett sichtbar zu nur 20px sichtbar:

| < ||||||

wie kann man das umsetzen?
mfg

[Nightflyer]

Indem du bestimmst dass w nicht gleich outerWhidth ist sondern eben outerWidth minus 20

[capten]

hier die beispielseite aus dem tutorial:
> Nettuts Tumblr Tutorial

das pluszeichen links oben in der ecke ist die sidebar.
wie kann man das denn ohne anklicken rein und raus sliden lassen?

[Nightflyer]

Indem du ein Click-Event feuerst sobald die Website geladen ist:

$(document).ready( function(){

     $('#sidebarButton').click();

});

Das funktioniert nachtürlich auch in einer Funktion welche du über setTimeout ansteuert.

[Nightflyer]

ok?

[capten]

danke dir!