JSFiddle - React, Tailwind, and code Playground

by Alin Guta

HTML

<button id="disponibile">Disponibile</button>
<button id="toate">Toate</button>
<hr>
<div class="work" title="ab">AB</div>
<div class="work" title="dc">DC</div>
<div class="work" title="ab">AB</div>
<div class="work" title="dc">DC</div>

CSS

.work {
    width:100px;
    height:100px;
    float:left;
    margin:10px;
    background:#999;
}

JavaScript

$("#disponibile").click(function () {
    $(".work").fadeOut(300, function () {
        $(".work[title *='ab']").fadeIn(300);
    });
});

$('#toate').click(function () {
    $(".work[title *='ab']").fadeOut(300, function () {
        $(".work").fadeIn(300);
    });
});