Jquery 更改div的高度

Jquery 更改div的高度,jquery,html,css,Jquery,Html,Css,我在一个面板中有三个div。如何更改每个div的高度?到目前为止,我使它在一个div上工作,但我需要它在所有3个div上工作。这是我的代码: function changeheight(_this) { var thisText = $(_this).text() ; var curHeight = $('.tab-panel div').height(); $('.tab-panel div').css('height', 'au

我在一个面板中有三个div。如何更改每个div的高度?到目前为止,我使它在一个div上工作,但我需要它在所有3个div上工作。这是我的代码:

       function changeheight(_this) {

        var thisText = $(_this).text() ;
        var curHeight = $('.tab-panel div').height();
        $('.tab-panel div').css('height', 'auto');
        var autoHeight = $('.tab-panel div').height();
        $('.tab-panel div').css('height', curHeight + 'px');
        if (thisText == 'Pročitaj više') {

            $('#tab-1,.tab-panel div').animate({
                'height': autoHeight + "px"
            }, 600);
            $(_this).text((thisText  == 'Sakri sadržaj') ? 'Pročitaj više' : 'Sakri sadržaj');
            $(_this).prepend('<img id="theImg" src="Slicice/open.png" />');
        }
        else if (thisText  == 'Sakri sadržaj') {

            $('#tab-1,.tab-panel div').animate({
                'height': '276px'
            }, 600);

            $(_this).text((thisText  == 'Sakri sadržaj') ? 'Pročitaj više' : 'Sakri sadržaj');
            $(_this).prepend('<img id="theImg" src="Slicice/close.png" />');
        }
        return false;
    };
函数更改高度(\u this){
var thisttext=$(_this).text();
var curHeight=$('.tab面板div').height();
$('.tab面板div').css('height','auto');
var autoHeight=$('.tab面板div').height();
$('.tab面板div').css('height',curHeight+'px');
如果(thisText=='Pročitaj više'){
$('#tab-1,.tab面板div')。设置动画({
“高度”:自动高度+“px”
}, 600);
$(_this).text((thisttext=='Sakri sadržaj')?'Pročitaj više':'Sakri sadržaj');
$(_this).prepend(“”);
}
else if(ThistText=='Sakri sadržaj'){
$('#tab-1,.tab面板div')。设置动画({
“高度”:“276px”
}, 600);
$(_this).text((thisttext=='Sakri sadržaj')?'Pročitaj više':'Sakri sadržaj');
$(_this).prepend(“”);
}
返回false;
};
和html。在我的例子中,id为tad-1和tab-2的div溢出,但我没有将所有文本放入这个html中。我需要让这三个都能正常工作:

                <div id="tab-1" class="tab-panel active" >
                    <div >
                        LETO 2015: ALNJA<br><br>
                        Alanja - grad sa mnogo različitih lica. Ovaj grad, smešten u istočnom delu turske obale, 
                        odlikuju veoma izraženi kontrasti. Duge peščane plaže i hladne planinske reke, 
                        drevne ruševine iz rimskog doba i moderni hoteli, Orijent i Evropa na jednom mestu. 
                    <div class="margin-top16px">*Kompletan cenovnik za sve hotele u ponudiagencije pogledajte klikom na:<a href="#">Hellena travel - Alanja leto 2015.</a></div>
                    </div>

                            <a href="javascript:void(0);" onclick="return changeheight(this);" class="morelink"><img src="Slicice/close.png" id="close">Pročitaj više</a>

                    </div>
                    <div id="tab-2" class="tab-panel" >
                        <div>Alanja - grad sa mnogo različitih lica. Ovaj grad, smešten u istočnom delu turske obale, 
                        </div>
                            <a href="javascript:void(0);" onclick="return changeheight(this);" class="morelink"><img src="Slicice/close.png">Pročitaj više</a>
                    </div>
                    <div id="tab-3" class="tab-panel" >
                        <div>Alanja - grad sa mnogo različitih lica. Ovaj grad, smešten u istočnom delu turske obale, 
                    </div>

                            <a href="javascript:void(0);" onclick="return changeheight(this);" class="morelink"><img src="Slicice/close.png">Pročitaj više</a>
                    </div>
               </div>

乐图2015:阿尔尼亚

Alanja-grad sa mnogo različitih lica。Ovaj grad,smešten u istočnom delu turske obale, odlikuju veoma izraženi kontrasti。Duge pečane plaže i hladne planinske reke, 德雷夫内·鲁塞维内·里姆斯考格·多巴和现代酒店,或者是杰德南·梅斯图的酒店。 *科姆普莱坦cenovnik za sve hotele u Poudiagencije pogledajte klikom na: Alanja-grad sa mnogo različitih lica。Ovaj grad,smešten u istočnom delu turske obale, Alanja-grad sa mnogo različitih lica。Ovaj grad,smešten u istočnom delu turske obale,
问题出在
onclick=“return changehight(this);”
,在这种情况下,使用参数中的链接运行函数。 尝试删除onclick事件并使用以下代码:

    $('.tab-panel a.morelink').on('click',function () {
        var thisText = $(this).text(),
            curDiv = $(this).closest('.tab-panel').find('div');
            curHeight = curDiv.height();
        curDiv.css('height', 'auto');
        var autoHeight = curDiv.height();
        curDiv.css('height', curHeight + 'px');
        console.log(curHeight, autoHeight)
        if (thisText == 'Pročitaj više') {

            curDiv.parent('.tab-panel').andSelf().animate({
                'height': autoHeight + "px"
            }, 600);
            $(this).text((thisText  == 'Sakri sadržaj') ? 'Pročitaj više' : 'Sakri sadržaj');
            $(this).prepend('<img id="theImg" src="Slicice/open.png" />');
        }
        else if (thisText  == 'Sakri sadržaj') {

            curDiv.parent('.tab-panel').andSelf().animate({
                'height': '276px'
            }, 600);

            $(this).text((thisText  == 'Sakri sadržaj') ? 'Pročitaj više' : 'Sakri sadržaj');
            $(this).prepend('<img id="theImg" src="Slicice/close.png" />');
        }
        return false;
    });
$('.tab面板a.morelink')。打开('单击',函数(){
var thistText=$(this).text(),
curDiv=$(this).closest('.tab panel')。find('div');
curHeight=curDiv.height();
css('height','auto');
var autoHeight=curDiv.height();
css('height',curHeight+'px');
console.log(curHeight、autoHeight)
如果(thisText=='Pročitaj više'){
curDiv.parent(“.tab面板”).andSelf().animate({
“高度”:自动高度+“px”
}, 600);
$(this).text((thisttext=='Sakri sadržaj')?'Pročitaj više':'Sakri sadržaj');
$(this.prepend(“”);
}
else if(ThistText=='Sakri sadržaj'){
curDiv.parent(“.tab面板”).andSelf().animate({
“高度”:“276px”
}, 600);
$(this).text((thisttext=='Sakri sadržaj')?'Pročitaj više':'Sakri sadržaj');
$(this.prepend(“”);
}
返回false;
});

就这么简单。非常感谢你。