javascript - How do I select this li item? -

javascript - How do I select this li item? -

i have multiple .listings-channel-rows want show/hide .listings-details-row within own parent list. think i'm along right lines can't quite figure out syntax. help?

the html:

class="lang-html prettyprint-override"><li class="listings-channel-row clearfix"> <a href="#" class="listings-program toggle borderbottom"> future 2 <span class="year">(1989 </a> <li class="listings-details-row collapse-down"> <p>lorem ipsum dolor sit down amet, consectetur adipisicing elit. numquam amet dolor accusamus itaque aspernatur exercitationem optio neque minima @ nisi. distinctio blanditiis vero porro saepe nesciunt explicabo deserunt aspernatur quasi.</p> </li> </li>

jquery:

class="lang-js prettyprint-override">$(function () { $(".toggle").on( "click", function () { $(this).parent().children('li').toggle('fast'); $(this).toggleclass("borderbottom"); }); });

you should able utilize .next()

http://api.jquery.com/next/

$(this) .toggleclass("borderbottom") .next().toggle('fast');

javascript jquery html