Показ и сокрытие комментариев
Здравствуйте, помогите решить проблему, пожалуйста.
Есть несколько div элементов, которые генерируются сервером, имеют значения: div_1, div_2 и т.д. Находятся соответственно в div_block_1 и div_block_2. Как сделать так, чтобы при клике на div_$x выдавался определенный код в div_block_$x, а при клике по div_$y, код в div_block_$x менялся/удалялся, а в div_block_$y вставлялся ? Можно ли это реализовать универсально, один код для всех элементов не зависимо от последнего значения ($x или $y) или нужно генерировать код соответственно элементам ? Для div_$x одна функция, а для $y другая ? Заранее, спасибо. |
Актуально (((
|
wayzer,
не особо понятно - менялся удалялся вставлялся брр))) -макет html сделалибы |
<div id="1">Комментарии</div> <div id="block_1"></div> <div id="2">Комментарии</div> <div id="block_2"></div> <div id="3">Комментарии</div> <div id="block_3"></div> и т.д. - генерирует сервер. Помогите реализовать, при клике по id=1, в block_1 вставлялся код, а во всех остальных (block_2, 3 и т.д.) удалялся. |
wayzer,
:-?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready(function () {
var blocks = $('div[id^=block]');
blocks.each(function (indx, element) {
$(element).prev().click(function () {
blocks.html('')
$(element).html(indx+1)//вставлялся код для примера индекс
});
});
});
</script>
</head>
<body>
<div id="1">Комментарии</div>
<div id="block_1"></div>
<div id="2">Комментарии</div>
<div id="block_2"></div>
<div id="3">Комментарии</div>
<div id="block_3"></div>
</body>
</html>
|
Спасибо, то что нужно )
Посоветуйте, пожалуйста, хорошую справку/сайт по js (которой сами пользуетесь) |
|
| Часовой пояс GMT +3, время: 02:30. |