Darstellung verfeiner

[BaBa]

• Zuerst sind alle zu sehen (habe ich ja duch löschen der CSS Zeile erreicht)
• Mit Klick auf den ersten Button werden alle ausgeblendet, die angerufen werden möchten
• Mit einem weiteren klick, wird diese Auswahl verfeinert die die Option Notiz hinterlegt haben.

Das beschreibt eine Vorgehensweise in der Anwendung aber keine Logik.

Ich würde folgendes Vorschlagen:

• Die Filter erzeugen eine Klasse "filter-xyz-active" im <table> Element.
• Ist die Klasse "filter-active-xyz" im <table> vorhanden, werden <tr> Elemente mit xyz ausgeblendet.
• Weiterhin erzeugt die Klasse filter-active im Button selber eine Änderung seines Beschriftungstextes.

Hier ist Dein Fiddle.

Bitte sieh es Dir genau an, damit Du verstehst, was es macht.

Die Hierarchi wurde jetzt komplett umgedreht. Die Buttons bestimmen Klassen, die die Anzeige regeln. Vorher haben die Buttons die Anzeige geregelt. Bei zwei Buttons war die vorherige Lösung nicht mehr tragbar.

Cheers,
BaBa