I'm trying to simulate a button click on all links by adding a 1px margin to all links when there's a mousedown and taking it away when there's a mouseup.

The issue is that when I click on one link, all the links on the page are shifting rather than the one that I click on. 

If I use the same exact code but add "color", "red" instead of "marginTop", "1px", it works perfectly fine.

Am I doing something wrong? Is this a total id10t issue on my part?

--nks

2. $("a")
4. .mousedown(function() {
5. $(this).css("marginTop","1px");
6. })
8. .mouseup(function() {
9. $(this).css("marginTop","0px");
10. });

^ This makes all the A tags shift, regardless of which is clicked

2. $("a")
4. .mousedown(function() {
5. $(this).css("color","red");
6. })
8. .mouseup(function() {
9. $(this).css("color","black");
10. });

^ This makes just the clicked link turn red and then it returns to black on mouseup.