I've edited plugins to suit my needs and I think it's time I write my own. I know what I want it to do, I'm just not sure where to start.
I want to create a plugin called "lightSwitch". I'd name it "switch" but I don't want to interfere with javascripts' namespace. Basically you call an element, attach an event handler, then use the lightSwitch effect to change something. The plugin being used would look like this:
// begin a function on an event such as click
$('#element').click( function() {
// now call the lightSwitch plugin
$(this).lightSwitch( function() {
// this is what the change will be
$(this).css("borderColor", "red");
});
});
-
- // begin a function on an event such as click
- $('#element').click( function() {
-
- // now call the lightSwitch plugin
- $(this).lightSwitch( function() {
-
- // this is what the change will be
- $(this).css("borderColor", "red");
-
- });
-
- });
-
What I want the plugin to do is store the original state of the element it's being called on, then initiate the function within the lightSwitch. After that's completed, if the event happens again, the element with the lightSwitch call will return to it's original values.
So say in the above example the original "#element" had a blue border. When the user clicks on "#element" the border changes to red. Then if the user clicks on it again, it changes back to blue.
Is there already a jQuery effect that does this?
Use your words like arrows to shoot toward your goal.
January 15th, 2010, 12:40 pm
