Сам разобрался. Спасибо всем за помощь!
Не знаю как поставить кнопочку "посмотреть код" в сообщение.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html> <head>
<style type='text/css'>
.style1 {width: 300; height: 100; background: #f00000; text-align:center;}
.style2 {width: 400; height: 200; background: #00f000; text-align:left;}
.style3 {width: 400; height: 200; background: #049100; text-align:right;}
.style4 {width: 400; height: 200; background: #00fff0; text-align:right;}
</style>
</head>
<body>
<input type="button" value="open" onclick="dawn(this)"> <script type=
"text/javascript">
</script>
<div class='group style1'>бла-бла-бла</div><br />
<div class='group style1'>бла-бла-бла</div><br />
<div class='grou style3'>бла-бла-бла</div><br />
<div class='grou style3'>бла-бла-бла</div><br />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<!-- Идентификатор для первого стиля -->
<script type="text/javascript">
var group = $('.group');
$(':button').click(function()
{
$(group).toggleClass('style1');
$(group).toggleClass('style2');
});
<!-- Идентификатор для второго стиля -->
var grou = $('.grou');
$(':button').click(function()
{
$(grou).toggleClass('style3');
$(grou).toggleClass('style4');
});
<!-- Смена названия кнопки -->
function dawn(input)
{
input.value = input.value != 'close' ? 'close' : 'open'
}
</script>
</body>
</html>