JSFiddle - React, Tailwind, and code Playground

HTML

<script src=" https://code.jquery.com/jquery-3.2.1.min.js"></script>
<ul>
<li>Home</li>
<li>News</li>
<li class=menu>Download</li>
<li class=submenu>For Windows</li>
<li class=submenu>For MacOs</li>
<li class=submenu>For Linux</li>
<li>Contact</li>
</ul>

CSS

ul li {
list-style-type:none;
}
ul li {
list-style-type:none;
margin:2px 0 2px 0;
}
.menu {
display:inline;
padding:3px;
background-color:red;
color:white;
cursor:pointer;
}
.submenu {
display:none;  
text-indent:8px;
color:bleu;
}
.submenu {
display:none;  
text-indent:8px;
color:bleu;
}

JavaScript

$('.menu').on('click', function() {
	$('.submenu').slideToggle().toggleClass('active');
});