Показать сообщение отдельно
  #6 (permalink)  
Старый 21.02.2013, 00:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

hesrun,
Самовар ненужон, могет чайник сгодится ))
<!DOCTYPE HTML>

<html>

<head>
  <title></title>
  <meta charset="utf-8" />
<style>
.plashka {
	width:440px;
	border:1px #ebebeb solid;
	border-radius:10px;
    overflow:hidden;

}

.maxi {

   background-color:#FFCC00;
   border: #00CC00 1px solid

}

.plashka h1 {
    font-size:30px;
}
.plashka p {
    margin-top:20px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>

Кликни по блоку с текстом.

<div class="plashka">
                        	<h1>Download this app</h1>
                            <p>Visite our facebook
								Why? For the glory of SATANE of course!
								Workers everywhere should have the right to safe and ethical working conditions. They should also have access to educational oppor Visite our facebook
								Why? For the glory of SATANE of course!
								Workers everywhere should have the right to safe and ethical working conditions. They should also have access to educational oppor Visite our facebook
								Why? For the glory of SATANE of course!
								Workers everywhere should have the right to safe and ethical working conditions. They should also have access to educational oppor</p>
</div>


<script>
$(function () {
    var n = 1;
    var h = $('.plashka').outerHeight()
    $('.plashka').height(98);
    $('.plashka').click(function () {
        n ^= 1
        n ? $(this).animate({
            height: 98
        }, 1000, function () {
            $(this).toggleClass('maxi')
        }) : $(this).animate({
            height: h
        }, 1000, function () {
            $(this).toggleClass('maxi')
        })

    })
})
</script>



</body>

</html>

Последний раз редактировалось рони, 21.02.2013 в 01:59.
Ответить с цитированием