JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<ul>
    <li><a href="">Link 1</a>
    </li>
    <li><a href="">Link 2</a>
    </li>
    <li><a class="dropdown" href="">Link </a>
        <div class="icon"></div>
    </li>
    <ul class="menu">
        <li><a href="">Link 1</a>
        </li>
        <li><a href="">Link 2</a>
        </li>
        <ul class="menu">
            <li><a class="dropdown" href="">Link </a>
                <div class="icon"></div>
            </li>
            <li><a href="">Link 1</a>
            </li>
            <li><a href="">Link 2</a>
            </li>
        </ul>
    </ul>
</ul>

CSS

.icon{
    background:red;
    width:10px;
    height:10px;
}
.dropdown{
    color:red;
}

JavaScript

$('.dropdown').on('click',function(e){
$(this).siblings('.icon').css('background','blue');
    e.preventDefault();
});