JSFiddle - React, Tailwind, and code Playground

by clarusdignus

HTML

<div id="o_wrapper_for_login">
    <table>
        <tr class="maskpasswordrow">
            <td class="nowrap">
                <div><strong>Div 1</strong></div>
                <div class="mini_icon_downrightarrow displayinlineblock">Div 2</div>
                <div class="mini_icon_plus">Div 3a (Keep me)<span class="maskpassword">Dive 3b (Hide me)</span></div>
            </td>
        </tr>
    </table>
</div>

CSS

table, tr, td{
    border: 1px solid #000;
}

JavaScript

//next() = Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.

//children() = Get the children of each element in the set of matched elements, optionally filtered by a selector.

//$('#o_wrapper_for_login tr.maskpasswordrow').children().children('.mini_icon_plus').children('.maskpassword').fadeOut();


$('#o_wrapper_for_login tr.maskpasswordrow').mouseover(function() {
	$(this).children().children('.mini_icon_plus').children('.maskpassword').fadeOut();
});