Показать сообщение отдельно
  #3 (permalink)  
Старый 11.06.2012, 01:04
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

Вот такой простенький вариант:
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<input type="checkbox" class="ShowOrHide" value="myDivId1" checked />1 div
<input type="checkbox" class="ShowOrHide" value="myDivId2" checked />2 div
<input type="checkbox" class="ShowOrHide" value="myDivId3" checked />3 div

<hr />

<div id="myDivId1" class="ShowOrHide">div #1 content</div>
<div id="myDivId2" class="ShowOrHide">div #2 content</div>
<div id="myDivId3" class="ShowOrHide">div #3 content</div>

<script>
$('input.ShowOrHide').click(function() {
	var this_id = $(this).val();
	if ($(this).attr('checked') == 'checked') {
		$('div#'+this_id).show();
	} else {
		$('div#'+this_id).hide();
	}
});
</script>

</body>
</html>
__________________
Cogito, ergo sum
Ответить с цитированием