這篇文章主要介紹Android如何使用jQuery實(shí)現(xiàn)item點(diǎn)擊顯示或隱藏的特效，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

為天壇街道等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及天壇街道網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站建設(shè)、做網(wǎng)站、天壇街道網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

效果圖

分析

上圖中的功能在很多APP上都可能用到過(guò)，例如app的幫助界面，告訴用戶如何使用APP

一般的實(shí)現(xiàn)方式都是通過(guò)ListView來(lái)實(shí)現(xiàn)的，實(shí)際上此類需求非常簡(jiǎn)單，完全可以用WebView加載HTML來(lái)實(shí)現(xiàn)

抽屜樣式的顯示隱藏特效可以使用jQuery來(lái)實(shí)現(xiàn)，一個(gè)函數(shù)就可以搞定

實(shí)現(xiàn)

集成jQuery

網(wǎng)頁(yè)中需要使用到j(luò)Query，最新版本可以去官網(wǎng)下載

http://jquery.com/download/

不推薦使用超鏈接關(guān)聯(lián)的方式把jQuery集成到網(wǎng)頁(yè)中，如幫助頁(yè)面就需要考慮在不聯(lián)網(wǎng)的情況下被訪問(wèn)，所以建議把jQuery放入工程中

這里使用的是發(fā)布的精簡(jiǎn)版本，直接對(duì)鏈接右鍵另存為文本

將另存為的文本重命名為jquery.js，在HTML中通過(guò)以下代碼將jQuery集成進(jìn)來(lái)

記得要根據(jù)集成的路徑修改對(duì)應(yīng)的引入路徑

編寫網(wǎng)頁(yè)

實(shí)現(xiàn)一個(gè)簡(jiǎn)單的單條item顯示/隱藏特效

 body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: "微軟雅黑";
  font-size: 16px;
 }

 div.div300 {
  margin:0px;
  padding:5px;
  background:#ffffff;
  border:solid 1px #c3c3c3;
 }

 h4.h400 {
  margin:0px;
  padding:5px;
  background:#F5F5F5;
  border:solid 1px #c3c3c3;
  color:black;
 }





$(document).ready(function(){
 $(".h400").click(function(){
  $(".div300").slideToggle("fast");
 });
});







 item點(diǎn)擊顯示或隱藏0
 
  

   1.上圖中的功能在很多APP上都可能用到過(guò)，例如app的幫助界面，告訴用戶如何使用APP。


   2.一般的實(shí)現(xiàn)方式都是通過(guò)ListView來(lái)實(shí)現(xiàn)的，實(shí)際上此類需求非常的簡(jiǎn)單，完全可以用HTML來(lái)實(shí)現(xiàn)。


   3.顯示隱藏的特效可以使用jQuery來(lái)實(shí)現(xiàn)，一個(gè)函數(shù)就可以搞定。


   4.網(wǎng)頁(yè)中需要使用到j(luò)Query，最新版本可以去官網(wǎng)下載。