jquery - ロード時にクラス属性が .toggleClass にならないようにしますか?

Question

.toggleClassボタンを使用して、コンテンツ<tr>を含むの可視性を切り替えるjQuery スクリプトがあります<td>。ページが読み込まれると、次の 2 つの要素が表示されます。

1. <tr>内容<td>のあるを含む
2. <tr>内容<td>のないを含む

私が抱えている問題は、ページが読み込まれるときにクラス「todo-assigned-empty」も読み込まれることです。「todo-assigned-empty」がロード時にアクティブになるのを防ぎ、.toggleClass がクリックされたときにのみアクティブになるようにするにはどうすればよいですか?

jQuery と CSS:

jQuery:

    $('#empty_items').on("click", function(e) {
        $('.todo-list:has(> .todo-assigned:parent)').toggleClass('todo-assigned-empty');
    });


CSS:

    .todo-assigned-empty {
        display:none;
    }