#44 - Mostrar elemento si atributo coincide con ID de miembro

Mostrar elementos condicionalmente si tienen un atributo que coincida con el ID de los miembros.

Visibilidad condicional

Video Tutorial

Loom

tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

14 lines

Paste this into Webflow

<!-- 💙 MEMBERSCRIPT #44 v0.1 💙 SHOW ELEMENT IF ATTRIBUTE MATCHES MEMBER ID -->
<script>
document.addEventListener("DOMContentLoaded", function() {
  if (localStorage.getItem("_ms-mem")) {
    const memberData = JSON.parse(localStorage.getItem("_ms-mem"));
    const memberId = memberData.id;

    const elements = document.querySelectorAll("[ms-code-member-id='" + memberId + "']");
    elements.forEach(element => {
      element.style.display = "block";
    });
  }
});
</script>