Question

How can I change the code in jQuery which will be referred to the items above in the html?

Html code is as follows:

<div class="dramer">
    <ul>
        <li> </li>
        <li> <a class="shares" href="#"> Click </a> </li>
        <li> </li>
        <li> </li>
    </ul>

    <div class="drops"> </div>

</div>

The code in jQuery:

$('a.shares').click(function (event) {
    event.preventDefault();
    event.stopPropagation();
    $(this).next(."drops").slideToggle(400);    
});

Function in jQuery is designed to show and hide div located out of the reach <li> and <ul>

How can I modify the code to hide jQuery and show div?

Answer 1

$ (this). next(. "drops"). slideToggle (400);

$(this).closest('.dramer').children('.drops').slideToggle(400);