Помогите сделать так что бы при клике поменять высоту jquery
Есть блок высотой 70px при клике на ссылку нужно менять высоту этого блока )помогите плз
|
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style>
.block {
width: 100px;
height: 100px;
background: yellow;
}
</style>
</head>
<body>
<div class="block"></div>
<a href="#" class="link">Link</a>
<script>
$('.link').click(function() {
$('.block').css("height", "200px");
});
</script>
</body>
</html>
|
ну а как сделать что бы при следующем нажатии все вернулось как было?
|
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style>
.block {
width: 100px;
height: 100px;
background: yellow;
}
</style>
</head>
<body>
<div class="block"></div>
<a href="#" class="link">Link</a>
<script>
$('.link').click(function() {
var div = $('.block');
if( div.innerHeight() == 100 )
div.innerHeight(200);
else
div.innerHeight(100);
});
</script>
</body>
</html>
|
:)
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style>
.block {
width: 100px;
height: 100px;
background: yellow;
}
</style>
</head>
<body>
<div class="block"></div>
<a href="#" class="link">Link</a>
<script>
var div = $('.block'), n = 0;
$('.link').click(function() {
n ^= 1 ;
div.innerHeight(n ? 200 : 100);
});
</script>
</body>
</html>
|
:)
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style>
.block {
width: 100px;
height: 100px;
background: yellow;
}
.max {
height: 200px;
}
</style>
</head>
<body>
<div class="block"></div>
<a href="#" class="link">Link</a>
<script>
var div = $('.block');
$('.link').click(function() {
div.toggleClass('max');
});
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 21:57. |