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

Question

我正在使用multiselect jquery下拉列表，最初它有display：none;属性，按钮单击我删除了无属性，如。 $（ 'ABC'）显示（）。但是，当我执行此下拉列表时，列表宽度会比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>