En un esfuerzo por explicar lo que estoy haciendo, estos son los directorios de FC:

https://roryrps.tumblr.com/fcd

https://herorps.tumblr.com/fcd

https://angeldustmt.tumblr.com/femaledirectory

En estos directorios, puede hacer clic en una opción descriptiva en la barra lateral para clasificar a las personas por edad, raza, color de cabello, etc. Cuando elige una o varias opciones de clasificación, las personas que se ajustan a esa descripción se reducen.

Estoy buscando hacer algo similar a esto, pero en lugar de las opciones de clasificación descriptivas que se usan en estos directorios, usaría los nombres de las personas. Al hacer clic en un nombre, aparecerán otras personas en su grupo específico.

Lo que dificulta esto es que tendría que volver a ingresar la misma información repetidamente, solo que en diferentes órdenes. Estoy buscando una manera de simplificar esto.

Por ejemplo, digamos que tenemos personas llamadas Adam, Cassie y Frank. Habrá otras personas, pero estos tres pertenecen al mismo grupo (y otros).

Cada uno de ellos tendrá sus nombres enumerados en la barra lateral como una opción en la que se puede hacer clic. Tendría que ingresar el código para que Adam indique que está agrupado con Cassie y Frank. Luego tendría que ingresar el código para que Cassie indique que está agrupada con Adam y Frank... Luego tendría que hacer el equivalente nuevamente con Frank.

Ejemplo de código antiguo:

 <div class="box claire frank" data-title=""><a title="Adam"</a> <div class="box adam frank" data-title=""><a title="Claire"</a> <div class="box adam claire" data-title=""><a title="Frank"</a>

Estoy buscando una forma de agruparlos sin tener que ingresar la información más de una vez.

¿Hay algún código que haga esto posible?

Supuse que esto podría lograrse con JavaScript, pero soy nuevo en la codificación, por lo que ni siquiera estoy seguro de qué idioma debería usarse. (Tampoco sé qué etiquetas usar en esta publicación. Je).

¡Gracias de antemano por cualquier ayuda y sugerencia!