JSFiddle - React, Tailwind, and code Playground

HTML

<button class="button" filter="wb">WB WB WB</button>

<div class="filter">
  <div>hide me</div>
  <div filter="wb">show me</div>
</div>

CSS

div[filter="wb"] {
  display: none;
}

JavaScript

$(document).ready(function() {
    $('.button[filter="wb"]').click(function(){
    console.log('test');
        $('.filter > div').hide(1800);
        $('.filter > div[filter="wb"]').show(1800);
    })
});