Question

In my init I have set some variables and one animate that uses those variables.

---

What if I want to use that same animate/variables in my clickSlide?
http://jsfiddle.net/lollero/4WfZa/ ( This obviously wouldn’t work. )

I could make it global http://jsfiddle.net/lollero/4WfZa/1/ ( by removing the var )

---

Question is: Is there a better way, or is this perfectly ok way of doing it?

Answer 1

Put the variable outside the function and than get the value

var getWidth ;
var getHeight ;

$(function(){

    var slideBox = {

        gb: $('#box'),

        init: function() {

                sb = this,
                getBox = sb.gb,
                getWidth = getBox.width(),
                getHeight = getBox.height();
            getBox.animate({ marginLeft: '+='+getWidth }, 600 );

            $("#button").on("click", this.clickSlide);
        },

        clickSlide: function() {

            getBox.animate({ marginLeft: '+='+getWidth }, 600 );
        }
    };

    slideBox.init(); 
});

than make use in the function so that you can get the vlue in you clickside function