JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="header-menu">
    <li class="active"><a href="#">ГЛАВНАЯ</a>
    </li>
    <li><a href="/">ФОРУМ</a>
    </li>
    <li><a href="/">НОВОСТИ</a>
    </li>
    <li><a href="/">ТУРНИРЫ</a>
    </li>
    <li><a href="#">СКАЧАТЬ</a>
 <span class="arrow-drop-down">&nbsp;</span>

        <ul class="menu">
            <li><a href="#">Скачать игру</a>
            </li>
            <li><a href="#">CSS</a>
            </li>
            <li><a href="#">PHP</a>
            </li>
            <li><a href="#">AJAX</a>
            </li>
            <li><a href="#">Другое...</a>
            </li>
        </ul>
    </li>
    <li><a href="/twitch.html">СТРИМЫ</a>
    </li>
    <li><a href="/">СТАТИСТИКА</a>
    </li>
    <li><a href="/">КОМЕНТАРИЙ</a>
    </li>
    <li><a href="/">КОМАНДА</a>
    </li>
    <li><a href="/index.php?do=feedback">ОБРАТНАЯ СВЯЗЬ</a>
    </li>
</ul>

CSS

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-menu {
    overflow: hidden;
    background: url(bg-menu.gif) repeat-x #000;
}
.header-menu li {
    position: relative;
    float: left;
}
.header-menu li:hover {
    background: url(b-portal-menu.png) repeat-x 0 0;
}
.header-menu > li > a {
    display: block;
    padding: 12px 36px;
    border-left: 1px solid #353538;
    border-right: 1px solid #161618;
    color: #fff;
    text-decoration: none;
}
.header-menu > li > a:hover {
    border-left-color: #923C26;
}
.header-menu .arrow-drop-down {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 50px;
    background: url(b-portal-menu.png) no-repeat 0 -264px;
}
.header-menu .active, .header-menu .active:hover {
    background: url(b-portal-menu.png) repeat-x 0 -44px;
}
.header-menu .arrow-drop-down:hover {
    background: url(b-portal-menu.png) no-repeat 0 -352px;
}
/*Вертикальное выпадающее меню*/

JavaScript

$(document).ready(function () {

    $("ul.arrow-drop-down").parent().append("<span></span>");

    $("ul.arrow-drop-down li span").click(function () {

        $(this).parent().find("ul.arrow-drop-down").slideDown('fast').show();

        $(this).parent().hover(function () {}, function () {
            $(this).parent().find("ul.arrow-drop-down").slideUp('slow');
        });

    }).hover(function () {
        $(this).addClass("subhover");

        $(this).removeClass("subhover");
    });

});