更新: @Exildur ソリューションを使用すると動作しますが、ページを更新すると、非表示の写真が再び表示されます。:S.
プロジェクトのリストがあり、それぞれに独自の写真が付いています。各写真に写真の非表示/表示ボタンを追加する必要があります。問題は、ID を指定して js 関数を使用すると、ID は一意である必要があるため、最初の写真のみが非表示/表示されることです。 これはコードです:
名前に追加されたリストの項目インデックスを使用して、各写真に一意の識別子を作成できます。例えば:### リーリー
上記の例では、各写真の「表示」スタイルの値が localStorage から取得されます。存在しない場合は、デフォルトで「ブロック」(表示) になります。
togglePhoto() 関数は、ボタンがクリックされるたびに、更新された表示値を localStorage に保存します。
名前に追加されたリストの項目インデックスを使用して、各写真に一意の識別子を作成できます。例えば:### リーリー
これにより、写真ごとに一意の ID (photo_0、photo_1 など) が作成されます。上記の例では、各写真の「表示」スタイルの値が localStorage から取得されます。存在しない場合は、デフォルトで「ブロック」(表示) になります。
togglePhoto() 関数は、ボタンがクリックされるたびに、更新された表示値を localStorage に保存します。