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

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

JQuery UI Autocomplete, custom HTML structure for result?

Easy Ui Jquery easyui-textbox change onChange event