你一定用過書簽，也一定給你的書本加過書簽，那么你見過書簽式的導(dǎo)航嗎？ 你一定見過手風(fēng)琴，也一定知道彈奏手風(fēng)琴時的它的外形變化，那么你見過手風(fēng)琴式的導(dǎo)航嗎？ 如果沒有，請往下看：

前面的話：

　　這篇博文先通過Javascript做一個簡單的手風(fēng)琴效果，讓大家對手風(fēng)琴效果有一定的了解；緊接著，我們換jquery做類似的手風(fēng)琴效果。前面的兩個例子都很簡單，接下來要放大招了，我想用JQ或是原生的JS去做類似淘寶網(wǎng)中用到的手風(fēng)琴效果。繼續(xù)回到書簽問題，既然JQ和JS都能實現(xiàn)那么炫酷的效果，我們用CSS3能不能做出手風(fēng)琴效果的書簽來呢？

用Javascript做一個簡單的手風(fēng)琴效果：

話不多說，我們先上代碼：

seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            *{
     &nb