Question

When I click the .trigger i want the object positioned at {left: '0'} to move left to match the same pixels to whatever the pixel width of the browser window is. Can someone help me figure this out. This is what I’ve worked together so far, I can’t figure out the function that needs to go after else.. {left: 'pixel width of browser window'}

$(document).ready(function() {
    // Prompt
    $('.trigger').live('click', toggleName);

    function toggleName() {
        if ($("#some-id").attr('data-state') == 'open') $("#some-id").animate({
            left: '0'
        }, 500, 'easeOutExpo', function() {
            $(this).attr('data-state', 'close')
        }), ;
        else $("#some-id").animate({
            left: 'pixel width of browser window'
        }, 500, 'easeOutExpo', function() {
            $(this).attr('data-state', 'open')
        }), ;
        return false;
    }
});​

Answer 1

Use the width function to get the width of the window :

 else $("#some-id").animate({
        left: $(window).width()
 }, ...

This will move the div to the right and let it leave the window (depending on your css).

If you want the div to go stick to the right, you’d better use right: 0 instead.