使用toggleclass（）展开/折叠<ul> .next.toggle（）</ul>

Question

以下按我想要的方式工作。第一个列表项是带有加号图像的标题。单击图像/列表项时，第二个列表项将展开，标题旁边的图像将更改为减号图像。但是，有一些列表项我想首先使用负图显示进行扩展。当我从列表中删除style =“diplay：none”时，它会正确显示展开但图像不会改变。如何才能正确显示图像。

$(function(){
    $('li.plus-image').click(function() {
        $(this).toggleClass("minus-image").next().toggle("fast");
     });     
});



<ul>
    <li class="plus-image">Display title</li>
    <li style="display: none;">
        <ul id="list-filter-items">     
            <li>bullet points</li>
            <li>bullet points</li>
        </ul>
    </li>
</ul>