php - 使用jquery隐藏/显示下拉列表时，jquery多选下拉列表宽度受到干扰

Question

我正在使用多选 jquery 下拉菜单，最初它有 display:none; 属性，单击按钮时，我删除了类似的无属性。$('.abc').show(); 但是当我做这个下拉列表宽度变得小于dropdon宽度时。

请建议，我怎样才能做到这一点。

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>