jquery - 展開/折りたたむtoggleclass().next.toggle() の使用

Question

以下は、私が望むように機能します。最初のリスト アイテムは、プラス イメージのタイトルです。画像/リスト項目をクリックすると、2 番目のリスト項目が展開され、タイトルの横の画像がマイナス画像に変わります。ただし、マイナス画像を表示して最初に展開したいリスト項目がいくつかあります。リストから 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>