JSFiddle - React, Tailwind, and code Playground

by switch74

HTML

<div class="menu">
    <span class="menu menu-click" value="1">Link1</span>
    <span class="menu" value="2">Link2</span>
    <span class="menu" value="3">Link3</span>
    <span class="menu" value="4">Link4</span>
</div>
<div class="content">
    Content1
</div>

CSS

span.menu
{
    cursor:pointer;
}
span.menu:hover
{
    background:#ddd;
}
span.menu-click
{
    background:#bbb;
}

JavaScript

//на onLoad можно повесить функцию которая будет проверять на какой странице мы находимся и в соответствии с этим подсвечивать нужный пункт меню
$('span.menu').live('click',function()
{
    $('span.menu').removeClass('menu-click')
    $(this).addClass('menu-click')
    //любая обработка показа нужного контента
    $('div.content').html('Content'+$(this).attr('value'))
})