Collapse sub menu in a attribute click by jquery

   <li class="page">
                                            <a href="#" class="sample_list"><i class="fa fa-files-o" aria-hidden="true"></i>Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                            <ul class="gn-submenu">

                                                <li class="mini_list_agile"><a href="signin.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Sign In</a></li>
                                                <li class="mini_list_w3"><a href="signup.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Sign Up</a></li>
                                                <li class="mini_list_agile error"><a href="404.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Error 404 </a></li>

                                                <li class="mini_list_w3_line"><a href="calendar.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Calendar</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#" class="sample_list"><i class="fa fa-suitcase" aria-hidden="true"></i>More <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                            <ul class="gn-submenu">
                                                <li class="mini_list_agile"><a href="faq.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Faq</a></li>
                                                <li class="mini_list_w3"><a href="blank.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Blank Page</a></li>
                                            </ul>
                                        </li>

        <script type="text/javascript">
            $(document).ready(function () {
                $('.gn-submenu').hide();
                $(".sample_list").click(function () {
                    $(this).closest('.sample_list').siblings('.gn-submenu').slideToggle();
                });
            });
        </script>

Comments

Popular posts from this blog

How to use DbFunctions.TruncateTime

Provision AWS EC2 Instance and RDS with Terraform, and Deploy Spring Boot App to EC2 Instance via GitHub Action Pipeline

Microsoft Access Connectivity from C#