смена размера дива
есть див height 200px.
Возможно ли отображать только тот контент, который влазит в эти 200px. А по клику развоваривать еще на 200px. Данный код показывает весь контент сразу, даже который не влазит в 200px.
$(document).ready(function() {
$('.myimg').click(function(){
$('.myimg').animate({width:'400px'},1000);
});
});
<div class="mine" id="mine" style="height:200px;">asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsf
</div>
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> </head><body> <div class="mine" id="mine" style="height:200px;overflow-y:hidden" onclick="this.style.height = '400px'"> asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf <br>dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa <br>ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdas<br>ddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasd<br>dsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfa<br>sdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsf </div> </body></html> |
благодарю, а если я хочу по 2 клику вернуть обратно 200?
toggle тут я понимаю не уместно |
Цитата:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> </head><body> <div class="mine" id="mine" style="height:200px;overflow-y:hidden" onclick="this.style.height = this.style.height == '400px' ? '200px' : '400px'"> asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf <br>dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa <br>ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdas<br>ddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasd<br>dsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfa<br>sdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsfasdasddsa ds dd dsf dsf dsf dsf dsf dsf ds asdasddsa ds dd dsf dsf dsf dsf dsf dsf ds fdsf </div> </body></html> |
а если писать на jquery где ошибка
<script type="text/javascript">
$(document).ready(function () {
$('#add').click(function () {
if ($("#rem").height() == 363) {
$('#add').click(function () {
$('#remap').animate({height:'636px'}, 1000);
});
}
else {
$('#add').click(function () {
$('#rem').animate({height:'363px'}, 1000);
});
}
});
});
</script>
<div id="add">Раскрыть </div> |
| Часовой пояс GMT +3, время: 23:59. |