php - jqueryを使用してドロップダウンを非表示/表示すると、Jquery複数選択ドロップダウンリストの幅が乱れる

Question

複数選択のjqueryドロップダウンを使用しています。最初はdisplay:none;を持っています。プロパティ、ボタンをクリックすると、のような none プロパティを削除しました。$('.abc').show(); しかし、このドロップダウンリストの幅を実行すると、ドロップドンの幅よりも狭くなります。

提案してください、どうすればこれを達成できますか。

JS コード:

$(document).ready(function(){
   $(document).on('click','.add-more', function(){

       $('.abc').show('slow'); 

    });
});

HTML:

<div class="form-group abc" style="display:none;">
       <label>ABC</label>
        <select autocomplete='off' class="multi" multiple="true" name="abc">
                <option>Apple</option>
                <option>Ball</option>
                <option>Cricket</option>
                <option>Doll</option>
        </select>
</div>