jquery - 画像のjQueryの表示/非表示と混同

Question

私のページの 1 つに 7 つの画像が並んでいます。「奇数」ボタンで奇数画像を表示し、「偶数」ボタンで偶数画像を表示する表示/非表示機能が機能しています。現在の動作方法では、奇数ボタンをクリックすると、奇数のみが表示されます。偶数の場合はその逆です。

ただし、奇数の画像が表示されているときに偶数のボタンをクリックすると、それらすべてが表示されるので、既に表示されているものに追加されます。何も表示されていない場合、偶数ボタンをクリックすると偶数画像が表示されますか? 奇妙な画像についても同じことが言えます。

しかし、すべての画像が現在表示されている場合、偶数をクリックすると偶数の画像が表示され、奇数が非表示になります...奇数をクリックすると、奇数が表示され、偶数が非表示になります。

それが理にかなっていることを願っています。それを機能させる方法がわかりません。条件文は必要ですか？何をチェックすればいいのかわからない。

これが動作するコードですが、どのように動作させたいかではありません。

<script>
$(function () {
    $("#evenButton").click(function () {
        $("img").show("slow");
        $("img:even").show("slow");
    });
})
</script>

<script>
$(function () {
    $("#oddButton").click(function () {
        $("img").show("slow");
        $("img:even").hide("slow");
        $("img:odd").show("slow");
    });
})
</script>