<script type="text/javascript"> $(function () { var stop = false; $("#accordion h3").click(function (event) { if (stop) { event.stopImmediatePropagation(); event.preventDefault(); stop = false; } }); $("#accordion").accordion({ header: "> div > h3" }).sortable({ axis: "y", handle: "h3", stop: function (event, ui) { stop = true; } }); }); </script> <script type="text/javascript"> $(function () { $('input').tooltip({ track: true, delay: 0, showURL: false, showBody: " - ", fade: 250 }); $('a').tooltip({ track: true, delay: 0, showURL: false, showBody: " - ", fade: 250 }); $('img').tooltip({ track: true, delay: 0, showURL: false, showBody: " - ", fade: 250 }); }); </script> <div id="accordion"> <h3><a href="#">Quản lý thành viên</a></h3> <div> <ul> <li class="child”><a></a></li> <li class="child"><a></a></li> </ul> </div> <h3><a href="#">Quản lý danh mục</a></h3> <div> <ul> <li class="child”><a></a></li> <li class="child"><a></a></li> </ul> </div> <h3><a href="#">Quản lý tin tức</a></h3> <div> <ul> <li class="child”><a></a></li> <li class="child"><a></a></li> </ul> </div> </div> . fade: 250 }); }); </script> < ;div id= "accordion"> <h3><a href="#">Quản lý thành viên</a></h3> < ;div& gt; <ul> <li class="child”><a></a></li> . class="child"><a></a></li> </ul> < /div& gt; <h3><a href="#">Quản lý danh mục</a></h3> < ;div& gt; <ul> <li class="child”><a></a></li> . class="child"><a></a></li> </ul> < /div& gt; <h3><a href="#">Quản lý tin tức</a></h3> < ;div& gt; <ul> <li class="child”><a></a></li>