タグ

HTMLとJavaScriptに関するpinelikeのブックマーク (1)

  • スマホのメニューなどに使えるjQueryを使って要素をクリックした時に開閉させる方法(ドグルボタン化) | 9ineBB

    jQueryを使えば色々と便利なことがあります、今回はjQueryを使って要素をボタン化して、それにアクションを加えてやるというものです TENPARA.NETで現在作成中のテンプレートで作成しているスマートフォンでボタンをクリックしたらメニューが出来るものです、これもjQueryでボタン化してそれにアクションを加えています 初期状態 左上のボタンをクリックして展開 仕組み 左上のボタンはdivですクラスがbutton-toggleのやつです、このdivにアクションを付けることでボタン化しています アクションは、他の要素がslideup、slidedownを交互に繰り替えるslideToggleを使うことで表現しています HTML コード <header> <div class="title"><h1><a href="">創造WEB</a></h1></div> <div class="

    スマホのメニューなどに使えるjQueryを使って要素をクリックした時に開閉させる方法(ドグルボタン化) | 9ineBB
    pinelike
    pinelike 2016/07/09
    サイトのメニューではなくて補足情報をボタンで出したかったので、消えたところからスタートしたかったけれどもソースコードのCSSのdisplayのnoneをblockに置き換えると成功した。ソースコードも短いし、凄く良いと思う。
  • 1