サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
bascinet
id:bascinet
●
2,447
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
071026
(2)
●
071122
(2)
●
071214
(2)
●
080125
(2)
●
18xgame
(15)
●
2ch
(24)
●
2chblog
(2)
●
3D
(4)
●
4gamer
(2)
●
AngularJS
(6)
●
BEM
(2)
●
BonDriver
(2)
●
ECMAScript
(3)
●
ECMAScript6
(3)
●
ES2015
(3)
●
ES6
(12)
●
IE7
(9)
●
JR(2)
●
KyotoAnimation
(2)
●
MindBEMding
(2)
●
MySQL
(5)
●
Node.js
(11)
●
Retina
(4)
●
Shinjyuku
(3)
●
UI(11)
●
WebComponents
(2)
●
access
(2)
●
accessibility
(5)
●
accordion
(3)
●
action
(21)
●
actionscript
(2)
●
addon
(35)
●
address
(2)
●
adobe
(7)
●
after
(3)
●
aigis
(2)
●
ajax
(20)
●
align
(2)
●
alt
(2)
●
amazon
(15)
●
analytics
(10)
●
android
(5)
●
animate
(3)
●
animation
(58)
●
anime
(8)
●
apache
(3)
●
api
(11)
●
app
(6)
●
apple
(7)
●
application
(18)
●
array
(2)
●
arrow
(10)
●
art
(2)
●
atom
(2)
●
autopagerize
(3)
●
autumn
(2)
●
aviutl
(2)
●
aws
(3)
●
background
(21)
●
bamboo
(2)
●
bar
(5)
●
beautiful
(2)
●
bed
(3)
●
before
(2)
●
benchmark
(2)
●
block
(2)
●
blog
(15)
●
bluetooth
(4)
●
blur
(2)
●
book
(14)
●
bookmarklet
(5)
●
bootstrap
(2)
●
border
(10)
●
browser
(46)
●
brushes
(21)
●
bug
(13)
●
business
(5)
●
button
(16)
●
cafe
(31)
●
calendar
(3)
●
camera
(2)
●
canvas
(5)
●
capture
(6)
●
card
(5)
●
cat
(8)
●
centering
(4)
●
chart
(3)
●
cheatsheet
(7)
●
check
(6)
●
checkbox
(4)
●
christmas
(4)
●
chrome
(22)
●
class
(3)
●
cleaning
(2)
●
clearfix
(2)
●
click
(3)
●
clickable
(2)
●
cmd
(2)
●
cms
(2)
●
code
(4)
●
codec
(2)
●
coding
(10)
●
color
(15)
●
column
(3)
●
communication
(2)
●
compass
(9)
●
compiler
(2)
●
components
(2)
●
compress
(7)
●
config
(2)
●
convert
(7)
●
cooking
(45)
●
cookpad
(3)
●
cosmetic
(3)
●
cron
(2)
●
css
(381)
●
css3
(200)
●
cssSprite
(4)
●
csv
(2)
●
cup
(2)
●
customize
(2)
●
cute
(2)
●
cydia
(2)
●
database
(4)
●
date
(62)
●
debug
(15)
●
deferred
(2)
●
design
(174)
●
desktop
(6)
●
developer
(7)
●
developerTools
(3)
●
development
(6)
●
devtools
(3)
●
dictionary
(2)
●
diet
(3)
●
dinner
(3)
●
direction
(2)
●
display
(2)
●
dl(2)
●
document
(6)
●
domain
(3)
●
dot
(2)
●
doujin
(3)
●
download
(3)
●
drag
(2)
●
dramacd
(2)
●
dropdown
(2)
●
dummy
(2)
●
dvd
(2)
●
earthquake
(2)
●
ebisu
(5)
●
ec2
(3)
●
effect
(23)
●
em(2)
●
emmet
(3)
●
enchant
(2)
●
encode
(7)
●
encoding
(3)
●
english
(5)
●
eroge
(2)
●
event
(5)
●
excel
(7)
●
extension
(30)
●
facebook
(15)
●
fashion
(5)
●
favicon
(4)
●
feed
(2)
●
filter
(8)
●
firebug
(3)
●
firefox
(56)
●
fixed
(3)
●
flare
(2)
●
flash
(14)
●
flatdesign
(2)
●
float
(5)
●
font
(69)
●
fontsize
(7)
●
food
(59)
●
footer
(5)
●
form
(15)
●
format
(2)
●
fragrance
(2)
●
framework
(6)
●
free
(188)
●
freelance
(2)
●
frontend
(7)
●
function
(2)
●
ga(4)
●
gallery
(8)
●
game
(10)
●
generator
(23)
●
gif
(6)
●
gift
(2)
●
gigazine
(7)
●
ginza
(2)
●
git
(8)
●
github
(6)
●
gmail
(4)
●
goods
(2)
●
google
(36)
●
googleanalytics
(2)
●
gothic
(2)
●
gradation
(5)
●
gradient
(9)
●
gradients
(2)
●
graph
(7)
●
graphic
(2)
●
graphics
(2)
●
greasemonkey
(14)
●
grid
(3)
●
grunt
(6)
●
gtm
(3)
●
guideline
(3)
●
gulp
(4)
●
gz(3)
●
gzip
(3)
●
hack
(15)
●
hair
(2)
●
hardware
(2)
●
haslayout
(2)
●
headphone
(2)
●
health
(14)
●
height
(7)
●
hereDocument
(2)
●
homepage
(14)
●
horizontal
(2)
●
hosting
(2)
●
hotel
(3)
●
house
(2)
●
hover
(10)
●
howto
(11)
●
htaccess
(5)
●
html
(102)
●
html5
(60)
●
http
(2)
●
https
(2)
●
iCloud
(2)
●
iOS
(9)
●
iPad
(6)
●
iPhone
(93)
●
iTunes
(3)
●
icon
(69)
●
id(2)
●
ie(50)
●
ie6
(27)
●
ie8
(9)
●
ie9
(4)
●
ikebukuro
(2)
●
illustrator
(16)
●
image
(32)
●
inline
(2)
●
input
(7)
●
instagram
(6)
●
interior
(2)
●
internet
(2)
●
interview
(3)
●
ipod
(2)
●
irc
(2)
●
item
(2)
●
izakaya
(2)
●
jQuery
(263)
●
jailbreak
(11)
●
japan
(2)
●
japanese
(13)
●
javascript
(462)
●
jpg
(3)
●
jquerymobile
(11)
●
js(5)
●
json
(13)
●
kakaku
(5)
●
kamakura
(2)
●
keyboard
(3)
●
killingfloor
(2)
●
kitchen
(3)
●
layout
(16)
●
lazyload
(2)
●
library
(12)
●
life
(139)
●
lifehack
(9)
●
light
(2)
●
lightbox
(11)
●
limechat
(2)
●
link
(5)
●
linux
(3)
●
list
(8)
●
load
(2)
●
loading
(7)
●
logo
(5)
●
lpo
(2)
●
lunch
(6)
●
mac
(19)
●
macbook
(7)
●
mail
(11)
●
maintenance
(2)
●
map
(3)
●
margin
(4)
●
marketing
(3)
●
markup
(4)
●
material
(60)
●
matome
(121)
●
matrix
(2)
●
mediaqueries
(8)
●
memo
(6)
●
menu
(19)
●
microdata
(3)
●
microsoft
(3)
●
milkcocoa
(3)
●
mobile
(10)
●
mocha
(2)
●
modal
(4)
●
movabletype
(3)
●
move
(4)
●
movie
(10)
●
mp3
(2)
●
muffler
(3)
●
mujirushi
(2)
●
music
(11)
●
mycom
(5)
●
naver
(45)
●
navigation
(17)
●
neta
(4)
●
network
(2)
●
news
(7)
●
newsletter
(2)
●
nodejs
(4)
●
noise
(2)
●
normalize
(4)
●
novel
(2)
●
npm
(3)
●
oboromuramasa
(2)
●
online
(2)
●
oocss
(2)
●
opera
(2)
●
optimize
(2)
●
osaka
(2)
●
pagenation
(4)
●
pagespeed
(5)
●
pancake
(3)
●
pankuzu
(3)
●
paper
(2)
●
parallax
(4)
●
parse
(2)
●
pattern
(24)
●
patterns
(16)
●
pcgame
(14)
●
pdf
(2)
●
performance
(9)
●
perfume
(2)
●
perl
(2)
●
pet
(2)
●
phantomjs
(3)
●
photo
(43)
●
photography
(3)
●
photoshop
(270)
●
php
(19)
●
picture
(3)
●
pixel
(2)
●
pixelgrid
(2)
●
pjax
(2)
●
planet
(2)
●
player
(4)
●
plugin
(21)
●
png
(28)
●
popup
(4)
●
position
(4)
●
prefix
(2)
●
present
(2)
●
presentation
(2)
●
print
(6)
●
program
(4)
●
programming
(3)
●
promise
(3)
●
provider
(2)
●
proxy
(3)
●
ps3
(2)
●
psd
(62)
●
pt2
(2)
●
putty
(2)
●
px(2)
●
python
(2)
●
radio
(2)
●
radius
(2)
●
random
(2)
●
reader
(2)
●
recipe
(11)
●
redmine
(2)
●
reference
(79)
●
regexp
(6)
●
rel
(2)
●
rem
(2)
●
rental
(4)
●
reset
(4)
●
resize
(3)
●
resources
(5)
●
responsive
(64)
●
restaurant
(34)
●
retty
(4)
●
rollover
(7)
●
room
(4)
●
roomshare
(3)
●
rss
(6)
●
ruby
(4)
●
sample
(4)
●
sass
(26)
●
schema
(3)
●
scroll
(13)
●
scss
(7)
●
search
(15)
●
security
(3)
●
selector
(6)
●
seo
(26)
●
server
(7)
●
shadow
(3)
●
shape
(6)
●
shibuya
(9)
●
shop
(22)
●
shortcut
(3)
●
simple
(12)
●
sitemap
(3)
●
sleep
(4)
●
sleipnir
(3)
●
slide
(20)
●
slider
(3)
●
slideshow
(9)
●
smartphone
(63)
●
snippets
(5)
●
sns
(10)
●
software
(33)
●
spa
(8)
●
speed
(3)
●
sprite
(4)
●
streaming
(4)
●
study
(4)
●
styleguide
(3)
●
sublimetext
(5)
●
subversion
(7)
●
suggest
(3)
●
svg
(22)
●
svn
(6)
●
sweets
(14)
●
sync
(3)
●
tab
(8)
●
table
(15)
●
technique
(4)
●
technology
(3)
●
template
(11)
●
test
(3)
●
text
(19)
●
texture
(48)
●
tf2
(4)
●
theme
(10)
●
thunderbird
(4)
●
tips
(94)
●
tokyo
(7)
●
tool
(37)
●
tools
(8)
●
training
(9)
●
transform
(3)
●
travel
(23)
●
tumblr
(5)
●
tutorial
(57)
●
tutorials
(4)
●
twitter
(14)
●
ua(3)
●
url
(6)
●
usability
(3)
●
vector
(31)
●
vertical
(6)
●
video
(4)
●
vip
(3)
●
virtualbox
(4)
●
virtualpc
(3)
●
w3c
(5)
●
w3q
(3)
●
wallpaper
(10)
●
web
(89)
●
web2.0
(9)
●
webdesgin
(7)
●
webdesign
(594)
●
webservice
(119)
●
website
(3)
●
width
(3)
●
wiki
(3)
●
window
(3)
●
windows
(25)
●
windows7
(5)
●
wordpress
(23)
●
work
(5)
●
xhtml
(8)
●
webdesign
(594)
●
javascript
(462)
●
css
(381)
●
photoshop
(270)
●
jQuery
(263)
●
css3
(200)
●
free
(188)
●
design
(174)
●
life
(139)
●
matome
(121)
関連タグで絞り込む (10)
●
css
●
css3
●
dropdown
●
javascript
●
jQuery
●
menu
●
responsive
●
smartphone
●
tab
●
webdesign
タグの絞り込みを解除
accordionに関するbascinetのブックマーク (3)
●
70 users
●
coliss.com
●テクノロジー
シンプルなHTMLで、デスクトップ時は水平・垂直のタブに、タブレット・スマフォ時はアコーディオンに自動変更︵指定も可︶するレスポンシブ対応のjQueryのプラグインを紹介します。 Easy Responsive Tabs to Accordion Easy Responsive Tabs to Accordion -GitHub 特徴 デモ 使い方 特徴 レスポンシブ対応のタブをシンプルなHTMLで簡単に実装可能。 デスクトップ時はタブ、スマフォ時はアコーディオン。 同じページに複数のタブをセット可能。 IE7+を含むクロスブラウザ対応。 デスクトップ、タブレット、スマフォのクロスデバイス対応。 デモ デモはIE7+を含むデスクトップ、タブレット、スマフォでご覧ください。 まずは、デスクトップサイズで表示してみます。 デモページ‥幅1200pxで表示 デスクトップ時はタブで、上‥水平型、下
bascinet
2013/05/27
●tab
●javascript
●jQuery
●accordion
●smartphone
●responsive
●
22 users
●
tympanus.net
●テクノロジー
CSS transitions are not supported in your browser Sorry, only modern browsers. True Colors Honest Light Silent Serenity Warm Welcome Sensible Magic Lovely Midnight Illuminated Darkness Happy Child
bascinet
2012/06/07
●accordion
●css3
●css
●webdesign
●
87 users
●
kachibito.net
●テクノロジー
bascinet
2012/04/10
●webdesign
●css3
●dropdown
●menu
●accordion
●css
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第3週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
[JS]コンテンツをデスクトップ時はタブに、タブレット・スマフォ時はアコーディオンにするスクリプト
Image Accordion with CSS3
CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー