Hello to everyone!
Guys, I have created this toggle with jquery library :
http://jsfiddle.net/b59Su/
Now the problem is I can't change those + and - texts with icons.
and I also want to have a different style for current item (which is selected)
How can I do that?
thanks in advance!
Alireza.M
You can do something like this: http://jsfiddle.net/b59Su/6/
The next thing you'll have to try to figure out is how to stop the users from double-clicking and having the color disappear!
Here is how you can do it http://codepen.io/gitchandu/pen/moBKj
Thank you very much greenrobo!
It was exactly what I want.
dear greenrobo!
You have used 2 images for plus and minus signs with "center right" positions.
What about 1 spritesheet?
If I want to use 1 spritesheet for those signs how I should change the positions?
I made it super quick and then realized when I finished I totally could have used a psuedo element instead of adding the extra markup. :/
I might fix it later. ;x
http://codepen.io/scottnix/pen/aGczs
Thank you scottnix!
I used the code and got the result as I wished.
Hello to everyone!
Guys, I have created this toggle with jquery library :
http://jsfiddle.net/b59Su/
Now the problem is I can't change those + and - texts with icons.
and I also want to have a different style for current item (which is selected)
How can I do that?
thanks in advance!
Alireza.M
You can do something like this: http://jsfiddle.net/b59Su/6/
The next thing you'll have to try to figure out is how to stop the users from double-clicking and having the color disappear!
Here is how you can do it http://codepen.io/gitchandu/pen/moBKj
Thank you very much greenrobo!
It was exactly what I want.
dear greenrobo!
You have used 2 images for plus and minus signs with "center right" positions.
What about 1 spritesheet?
If I want to use 1 spritesheet for those signs how I should change the positions?
I made it super quick and then realized when I finished I totally could have used a psuedo element instead of adding the extra markup. :/
I might fix it later. ;x
http://codepen.io/scottnix/pen/aGczs
Thank you scottnix!
I used the code and got the result as I wished.