Html程式碼:
學習天地
- 1111111111
- 2222222222
333333333
- 4444444444
- 5555555555
- 66666666666
Jquery程式碼:
第一個實作方式:
複製程式碼
複製程式碼
複製程式碼
複製程式碼
複製程式碼
1.
});
第二種實現方式:
程式碼如下:
2.
第三種實作方式:
可以使用Jquery提供的show和hide來完成帶緩動的顯示和隱藏效果,由於兩個方法相似,可以直接使用toggle來完成。
複製程式碼
程式碼如下:
3.
第四種實作方式: toggle如果有兩個參數,且都是函數,表示第一次點選執行第一個函數,第二次點選執行第二個函數。 複製程式碼 程式碼如下: 4.