[jQuery] 下拉視窗

平常作網頁時最討厭的就是選單選項太多，就算是有分類也是眼花潦亂，
我是習慣性會對選單做點手腳，所以彈跳視窗就是最快又最方便的選擇了！
當然一開始第一步就是要先在自己的程式中引入jQuery，

引入

接著是要給你的ul設定id或者class！

• test01

  • test01-01
  • test01-02
  • test01-03

• test02

  • test02-01
  • test02-02
  • test02-03

這是jQuery部份：

('#all ul').hide();  //隱藏所有li  ('#test01').click(function(){
	(this).parent().find('ul').toggle('slow');					  });  ('#test02').click(function(){
	$(this).parent().find('ul').toggle('slow');					
});

這樣就大功告成了！

分類

• Android
• AngularJS
• Chrome
• Database
  • MySQL
• DataStructure
• Editor
  • Vim
• Firefox
• Git
• Hadoop
• Language
  • Go
  • Java
  • JavaScript
    • jQuery
      • jQueryChart
    • Node.js
    • Vue
  • PHP
    • Laravel
    • ZendFramework
  • Python
• Mac
• Network
  • Cisco
  • DLink
  • Juniper
• Oauth
• Server
  • Apache
• Share
• Unix
  • FreeBSD
  • Linux
• WebDesign
  • Bootstrap
  • CSS
  • HTML
  • Wordpress

Search