<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$('a').click(function() {
$('a').css('margin-left', '0px');
$(this).css('margin-left', '20px');
return false;
});
});
</script>
</head>
<body>
<a href="#">text 1</a><br />
<a href="#">text 2</a><br />
<a href="#">text 3</a><br />
<a href="#">text 4</a><br />
</body>
</html>
Или запоминать прежнею ссылку (что бы не бегать по всем ссылкам):
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
var current;
$(document).ready(function() {
$('a').click(function() {
$(current).css('margin-left', '0px');
$(this).css('margin-left', '20px');
current = this;
return false;
});
});
</script>
</head>
<body>
<a href="#">text 1</a><br />
<a href="#">text 2</a><br />
<a href="#">text 3</a><br />
<a href="#">text 4</a><br />
</body>
</html>