JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

JavaScript

var header = document.getElementById("menu-name");
var btns = header.getElementsByClassName("name");
for (var i = 0; i < btns.length; i++) {
    btns[i].addEventListener("click", function() {
        var current = document.getElementsByClassName("aktip");
        console.log(current)
        current[0].className = current[0].className.replace(" aktip", "");
        this.className += " aktip";
        header.scrollLeft = this.offsetLeft - 50
    });
}

$(".name").click(function(e) {
    var id = $(this).attr("id");
    var toShow = '#show-' + id;

    $(".name").removeClass("aktip");
    $(this).addClass("aktip")

    $(".isi-content").not(toShow).hide();
    $(toShow).fadeIn();
    $('body,html').animate({
        scrollTop: 0
    }, 50);
});