Question

我试图获得能够获得#portfolio_holder ul高度的内容并在#portfolio_content上应用/动画。我的代码正在运行，但它只是在第二次点击时执行操作？我的最后一个想法是声明一个确切的高度，但li内容高度各不相同....

请帮助我，我只是一个初学者:(昨晚学到的变量......也许我的代码出了问题？

我对li：nth-child（4）和（5）的css是隐藏的（当＃＆＃34; #portfolio_holder li [id ^ =＆＃34;时，它也会动画（滑动切换）;缩略图_＆＃34;]＆＃39;＆＃34;点击。

HTML

<div id="portfolio_content">
            <div id="portfolio_holder">
                <ul>
                    <li id="thumbnail_bnp"></li>
                    <li id="thumbnail_burnside"></li>
                    <li id="thumbnail_coors"></li>
                    <li id="gallery_bnp" class="large"></li>
                    <li id="gallery_burnside" class="large"></li>
                    <li id="thumbnail_chevy"></li>
                </ul>
            </div>
        </div>

Jquery的

$('#portfolio_holder li[id^="thumbnail_"]').click(function () {
    var uuid = this.id.slice(9);
    $('#' + "gallery" + uuid).slideToggle();   
    $("#portfolio_holder li:nth-child(4),#portfolio_holder li:nth-child(5)").not('#' + "gallery" + uuid).slideUp();
    var totalHeight = $("#portfolio_holder ul").height();
    $("#portfolio_content").animate({'height':totalHeight});
});

为什么Jquery在第二次点击时得到.height和动画？

0 个答案: