JSFiddle - React, Tailwind, and code Playground

by adeneo

HTML

<a class="pos" href="#" data-position="1 2 4">Your Position 1</a>
<a class="pos" href="#" data-position="3 4">Your Position 2</a>
<br />

<div id="title"><em>Lessons</em></div>
<div id="lesson1" class="lesson" data-lesson="1">Lesson 1</div>
<div id="lesson2" class="lesson" data-lesson="2">Lesson 2</div>
<div id="lesson3" class="lesson" data-lesson="3">Lesson 3</div>
<div id="lesson4" class="lesson" data-lesson="4">Lesson 4</div>

CSS

.lesson {display:none;}

JavaScript

$('.pos').on('click', function() {
    var arr = $(this).data('position').split(/\s+/)

    console.log(arr)
    
    $('.lesson').hide().filter(function() {
        console.log($(this).data('lesson'))
        return $.inArray( $(this).data('lesson').toString(), arr ) != -1;
    }).show();
});