Jquery Help

[labforone/Ben]

Hello Guys,

Using this fucntion:

$('#switchbutton2').click(function(){

$('#switch1,#switch3,#switch4,#switch5').hide(func tion(){

$('#switch2').show();

});
});

Simply shows and hides the content. Pretty simple.

Is there anyway that i could set a variable at the top of the script so i could change animation and speed of the animation for all the functions above (remember there will be more than one switching snippet).

In other words, could i add a function name to the hide "function" and set up some code to gloablly change the animation and speed. Like a plugin.

Hope this is enough explanation.

[Eric Mintz]

One way would be to have a speed variable:

var animationSpeed = 1000;

Then change:
$('#switch1,#switch3,#switch4,#switch5').hide(func tion(){
to:
$('#switch1,#switch3,#switch4,#switch5').hide(anim ationSpeed,function(){

And if you want, change:
$('#switch2').show();
to:
$('#switch2').show(animationSpeed);

[labforone/Ben]

Excellent. Thankyou sir.

[Andrew Yurlov]

So your trying to hide/show something like a div onClick? Like a toggle switch? If that's the case there is a simpler way to do that.

You will need a link to serve as your toggle switch

<a href="javascript:toggleDiv('ThisIsTheDiv');">
<div id="ThisIsTheDiv"></div>
</a>

and of course the jquery

function toggleDiv(divId) {
  $("#"+divId).slideToggle('fast');
}

This this what you were looking for?

[labforone/Ben]

Brilliant!

[Andrew Yurlov]

Brilliant!

I'm learning jQuery myself right now. Glad to help

[labforone/Ben]

Since I have been learning ive used it in almost all my projects! One of the best things i've ever done!