Форум

oleg666 · #1 (**permalink**) 28.04.2012, 23:43

есть див 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>

Раед · #2 (**permalink**) 28.04.2012, 23:50

<!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>

oleg666 · #3 (**permalink**) 29.04.2012, 00:10

благодарю, а если я хочу по 2 клику вернуть обратно 200?
toggle тут я понимаю не уместно

Раед · #4 (**permalink**) 29.04.2012, 00:24

Сообщение от oleg666

а если я хочу по 2 клику вернуть обратно 200

<!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>

oleg666 · #5 (**permalink**) 29.04.2012, 01:05

а если писать на 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>

Форум

Справочник

Discord чат

Курсы javascript