jQuery(document).ready(function() {
$(".list-menu").hide();
$(".head-list a").click(function() {
$(".list-menu:visible").slideUp('slow');
$(".head-list").removeClass('active-menu');
$(this).parent().addClass('active-menu').next().slideDown('slow');
return false;
});
if ($(".list-menu ul li").hasClass('active')) {
$(".list-menu").show();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="head-list"><a href="">Puchase</a></div>
<div class="list-menu">
<ul>
<li class="<?php if($page == 'home'){ echo 'active';} ?>"><a href="customer_list.php">Purchase</a></li>
<li><a href="#">Purchase List</a></li>
<li><a href="#">Purchase3</a></li>
<li><a href="#">Purchase4</a></li>
<li><a href="#">Purchase5</a></li>
</ul>
</div>
I Wanna it to display the .list-menu
that have ul li
class active
only.
Thank You for your answers.
</div>