Изменение стилей при клике на ссылку
Приветствую! Есть такая проблема. Существует некий список, стили ссылок которого меняются по клику. Прописал:
$('#navigation2 ul li a').click( function() { $(this).css("margin-left", "10px"); } ); Но нужно, чтоб при клике на другую ссылку, стили первой восстанавливались, а применялись к следующей. Помогите реализовать |
<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>
|
Спасибо, получилось!
|
| Часовой пояс GMT +3, время: 20:10. |