JSFiddle - React, Tailwind, and code Playground

by maheshsapkal

HTML

<ul>
    <li class="t-item t-state-default" style="float:right;"><a class="t-link" href="#"><img alt="image" class="t-image" src="/Newsletter/Content/Images/icon_logout.png" /> </a>
    </li>
    <li class="t-item myAccount t-state-default"><a class="t-link" href="#Nav-7">Contul meu<span class="t-icon t-arrow-down"></span></a>
        <ul class="t-group">
            <li class="t-item">
                <div class="t-content" id="Nav-7">
                    <table>
                        <tr>
                            <td>Salut</td>
                            <td> <em>Username</em>

                            </td>
                        </tr>
                        <tr>
                            <td>Cont</td>
                            <td>
                                <select id="ddlConturi" name="ddlConturi">
                                    <option selected="selected" value="0">Toate</option>
                                    <option value="1">Cont 1</option>
                                    <option value="2">Cont 2</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2"> <a href="mylink">Do stuff</a>

                            </td>
                        </tr>
                    </table>
                </div>
            </li>
        </ul>
    </li>
</ul>

JavaScript

$(".myAccount table *, .myAccount table *:focus,.myAccount table *:active").hover(function () {

            $(".myAccount ul.t-group").css("display", "block");
        }, function () {
            $(".myAccount ul.t-group").css("display", "block");
        });