chrome 網頁 左側導航欄不展開

現象

程式碼

 <li    class="one">
                        <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">選單 </span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <li  class="second">
                                <a href="#" id="damian">二級選單1 <span class="fa arrow"></span></a>
                                <ul class="nav nav-third-level">
                                    <li class="third">
                                        <a href="#">三級選單1</a>
                                    </li>
                                    <li>
                                        <a href="#">三級選單2</a>
                                    </li>
                                    <li>
                                        <a href="#">三級選單3</a>
                                    </li>

                                </ul>
                            </li>
                            <li><a href="#">二級選單2</a></li>
                            <li>
                                <a href="#">二級選單3</a></li>
                            <li>
                                <a href="#">二級選單4</a></li>
                        </ul>
                    </li>
 

js

            window.onload = function () {
                $(".one").addClass("active");
                $(".second").addClass("active");
                $(".third").addClass("active");

            };  

測試

其中 360 ，火狐瀏覽器可正常展開，在chrome中無法展開。

F12 檢視 原始碼

<ul class="nav nav-third-level collapse ">
</ul>

發現  collapse 沒有變成in，再具體原因暫時未查詢到
 

解決辦法

手動新增in

         window.onload = function () {
                $(".one").addClass("active");
                $(".one").children('ul').addClass('in');
                $(".second").addClass("active");
                $(".second").children('ul').addClass('in');
                $(".third").addClass("active");
         };