jquery超簡單實現(xiàn)手風(fēng)琴效果的方法

更新時間：2015年06月05日 14:42:39 作者：pythoner

這篇文章主要介紹了jquery超簡單實現(xiàn)手風(fēng)琴效果的方法,只需要幾行代碼即可實現(xiàn)手風(fēng)琴效果的樣式變換功能,需要的朋友可以參考下

本文實例講述了jquery超簡單實現(xiàn)手風(fēng)琴效果的方法。分享給大家供大家參考。核心代碼如下：

$("#accordion .expanded").hide();
$("a.opening").click(function(){
  $(this).next().slideToggle('fast', function(){
    $(this).prev("a.opening").toggleClass("active");
    });
  return false;
});

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)的淡入淡出與滑入滑出效果示例
這篇文章主要介紹了jQuery實現(xiàn)的淡入淡出與滑入滑出效果,結(jié)合實例形式分析了jQuery中fadeIn、fadeOut、slideDown及slideUp方法相關(guān)使用技巧,需要的朋友可以參考下
2018-04-04
基于jquery fly插件實現(xiàn)加入購物車拋物線動畫效果
在購物網(wǎng)站中，加入購物車的功能是必須的功能，有的網(wǎng)站在用戶點擊加入購物車按鈕時，就會出現(xiàn)該商品從點擊出以拋物線的動畫相似加入購物車，這個功能看起來非常炫，對用戶體驗也有一定的提高。下面介紹基于jquery fly插件實現(xiàn)加入購物車拋物線動畫效果
2016-04-04
淺談Jquery為元素綁定事件
jQuery 使用on綁定動態(tài)生成的元素時，不能直接用該對象操作，而是選擇其非動態(tài)生成的父節(jié)點然后再找到本身才能達(dá)到效果。大家看看源碼就知道了。
2015-04-04
jQuery實現(xiàn)動態(tài)添加節(jié)點與遍歷節(jié)點功能示例
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)添加節(jié)點與遍歷節(jié)點功能,結(jié)合實例形式分析了jQuery針對頁面元素節(jié)點元素的動態(tài)添加與遍歷相關(guān)操作技巧,需要的朋友可以參考下
2017-11-11
jqeury-easyui-layout問題解決方法
jqeury-easyui-layout問題：當(dāng)把class=“easyui-layout”寫在一個獨立的div中時，layout的樣式無法顯示，具體示例如下
2014-03-03
jQuery加載及解析XML文件的方法實例分析
這篇文章主要介紹了jQuery加載及解析XML文件的方法,結(jié)合實例形式分析了xml文件的創(chuàng)建及jQuery針對xml文件的獲取、解析相關(guān)操作技巧,需要的朋友可以參考下
2017-01-01
jQuery實現(xiàn)的頁面遮罩層功能示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)的頁面遮罩層功能,結(jié)合完整實例形式詳細(xì)分析了jQuery遮罩層實現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
文件上傳的幾個示例分享【推薦】
本篇文章主要分享的是幾個上傳文件的例子和邏輯步奏及自定義個簡單的js上傳插件。具有很好的參考價值，需要的朋友一起來看下吧
2016-12-12
jQuery實現(xiàn)的中英文切換功能示例
這篇文章主要介紹了jQuery實現(xiàn)的中英文切換功能,結(jié)合實例形式分析了jQuery結(jié)合插件translate.js實現(xiàn)中英文翻譯的相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01
jQuery的each終止或跳過示例代碼
jQuery的each終止或跳過：涉及迭代，不可避免需要有非正常終止，或強(qiáng)制跳過的情況
2013-12-12