jquery - 展开/折叠使用 toggleclass().next.toggle()

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>