Postępuję zgodnie z instrukcjami tutaj (https://stackoverflow.com/a/18602739/2966090) aby zwinąć elementpoziomo w Bootstrap 3.0.2.

Ta metoda działa dobrze w Firefox i Internet Explorer, ale ma dziwne odbiciepokazać w Chrome. Chrome również nie ma żadnego przejściaukryć.

Stworzyłem test z zachowaniem tutaj:http://jsfiddle.net/eT8KH/1/

Oto powiązany kod (także na jsfiddle):

CSS

#demo.width {
    height: auto;
    -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
}

HTML

<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">
    Horizontal Collapsible
</button>

<div id="container" style="width:200px;">
    <div id="demo" class="collapse in width" style="background-color:yellow;">
        <div style="padding: 20px; overflow:hidden; width:200px;">
            Here is my content
        </div>
    </div>
</div>

Czy można to naprawić? Czy jest to błąd w Chrome?