1

膨大な情報源のため、ソース全体を投稿することはできませんが、他の場所でも同じことが起こると確信しているため、誰かが光を当てることができるかもしれません.

jquery を使用して、クリックすると 2 つの高さの間で div が切り替わります。

奇妙なことに、それは実際には右側にあり、DIV が拡大または縮小するにつれて、div は右側のいくつかのピクセルを切り落とします。div が細く見え、右下隅がシャープになります (丸められたパーが切り取られるため)。アニメーションが完了するとすぐに、

私はスムーズなアニメーションを作ろうとしていますが、これは非常に気が散ります。

プロジェクトの現状

http://eyerislabs.com/CurrentProject/

4

1 に答える 1

0

これを試して

ここでフィドルをライブ

HTML

<div class="main_div">
    <span class="div_title">Which is your favourite car brand ? </span>
    <ul class="inner_list">
        <li>Car1</li>
        <li>Car2</li>
        <li>Car3</li>
    </ul>
</div>

<div class="main_div">
    <span class="div_title">Which is your favourite food ? </span>
    <ul class="inner_list">
        <li>food1</li>
        <li>food2</li>
        <li>food3</li>
    </ul>
</div>

CSS

.main_div{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px dotted green;
    width:275px;
}

.div_title{
    font-size:15px;
    font-style:italic;
}

jQuery

$(".inner_list").hide();
$(".main_div").click(function(){
    $(".inner_list", this).slideToggle("slow");
});
于 2013-03-29T06:26:02.383 に答える