[B! accordion] kasshinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kasshin id:kasshin

accordionã«é–¢ã™ã‚‹kasshinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

[JS]ãƒ‘ãƒãƒ«ã‚’ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§é–‹é–‰ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ
Simple Toggle with CSS & jQuery demo ãƒ‡ãƒ¢ã§ã¯ãƒãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãƒ‘ãƒãƒ«ãŒã‚¹ãƒ ãƒ¼ã‚ºã«é–‹é–‰ã—ã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ‘ãƒãƒ«ã¯å€‹åˆ¥ã«é–‹é–‰ã™ã‚‹ãŸã‚ã€åŒæ™‚ã«é–‹ã„ãŸçŠ¶æ…‹ã«ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ ãƒãƒ¼ã¯H2è¦ç´ ã€ãƒ‘ãƒãƒ«ã¯divè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãƒ‘ãƒãƒ«å†…ã«ã¯ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆãªã©ã‚’è‡ªç”±ã«é…ç½®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ HTMLã®åŸºæœ¬æ§‹é€ <textarea name="code" class="html" cols="60" rows="5"> <h2 class="trigger"><a href="#">Toggle Header</a></h2> <div class="toggle_container"> <div class="block"> <h3>Content Header</h3>  </div> </div> </textarea>
kasshin 2009/03/27
jquery

accordion
ãƒªãƒ³ã‚¯
jQueryã§ã®é–‹é–‰å¼ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®å‹•ãã„ã‚ã„ã‚ | CSS Lecture
kasshin 2009/02/02
jquery

accordion

é–‹é–‰å¼
ãƒªãƒ³ã‚¯
[CSS]è£œè¶³æƒ…å ±ãªã©ã®è¡¨ç¤ºã«ä¾¿åˆ©ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ©ãƒ™ãƒ«ã®è£œè¶³ãƒ†ã‚ã‚¹ãƒˆãªã©ã‚’è¡¨ç¤ºã™ã‚‹ã®ã«ä¾¿åˆ©ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚¹ã‚¯ãƒªãƒ—ãƒˆç„¡ã—ã§å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Vertical Navigation with Teaser demo ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®å„é …ç›®ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€è£œè¶³ãƒ†ã‚ã‚¹ãƒˆã®ç®‡æ‰€ã¯spanã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã§ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã•ã‚Œã¦ã„ã¾ã™ã€‚ å‹•ä½œç’°å¢ƒã¯æ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€IE6/7, Fx3, Op9.6, Safari3ã§å‹•ä½œã—ã¾ã—ãŸã€‚ IE5.5ã§ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯å°‘ã—å´©ã‚Œã¾ã™ãŒã€å‹•ä½œã—ã¾ã—ãŸã€‚
kasshin 2008/12/18
accordion

css
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Sawa's Factory
JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã—ãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„ã€Lightboxã‚’å°Žå…¥ã—ãŸCGIã€è‡ªä½œ JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã‚’é…å¸ƒã—ã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ï¼‰ã™ã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯è‰²ã€…ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒé–‹ç™ºã•ã‚Œã¦ã¾ã™ãŒã€ä»Šå›žã¯jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®Accordion Content/Menu Script(ddaccordion)ã‚’åˆ©ç”¨ã—ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ç‰¹å¾´ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®Accordion Content/Menu Scriptï¼ˆä»¥ä¸‹ã‹ã‚‰ddaccordionã¨å‘¼ã¶ï¼‰ã¯ã€è¨å®šãŒåˆ†ã‹ã‚Šã‚„ã™ãç°¡å˜ãªä¸Šã€æ©Ÿèƒ½ã¯è±Šå¯Œã€‚HTML&CSSã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å¹¾ã‚‰ã§ã‚‚åŠ å·¥ã§ãã¾ã™ã€‚ã¾ãŸCookieã«é–‹ã„ãŸã‚«ãƒ†ã‚´ãƒªã‚’ä¿å˜ã§ãã‚‹ç‚ºã€åˆ¥ã®ãƒšãƒ¼ã‚¸ã«ç§»å‹•ã—ã¦ã‚‚ãã®ã‚«ãƒ†ã‚´ãƒªã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒç§»å‹•ã™ã‚‹ç‚ºã€ä½•
kasshin 2008/11/15
jquery

javascript

accordion

ç”»åƒè¿½éš

image
ãƒªãƒ³ã‚¯
Kwicks for jQuery
Kwicks for jQuery (v2.2.1)Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an em phasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1This is a patch release
kasshin 2008/05/16
jquery

accordion
ãƒªãƒ³ã‚¯
Stu Nicholls | CSS PLAY | CSS Sliding Photograph Gallery
CSS DEMOS â€º Sliding Photograph Galleries Date : 28th August 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information This gallery is my simplest yet. It is just an unordered list of images that are normally compressed vertically (reduction 8:1). When you hover over one of these compressed images it expands to full size. It is based on my
kasshin 2008/05/02
css

accordion
ãƒªãƒ³ã‚¯
The CSS-Only Accordion Effect - CSS Reset
The Accordion Effect is fast becoming one of the most commonly used (and perhaps abused?) effects of the Web 2.0 world. Most JavaScript frameworks make such an effect fairly easy to pull off â€“ heck, MooTools even built their reputation on it in the early days. So what makes this accordion effect special? It doesnâ€™t require a single line of JavaScript. First off, what is an â€œaccordionâ€ effect? Gene
kasshin 2008/05/02
css

accordion

design
ãƒªãƒ³ã‚¯
jQuery UI Accordion
Standard, container is a div, header is h3 and content div and nested p Code jQuery('#list1a').accordion(); jQuery('#list1b').accordion({ autoheight: false }); You've seen it coming! Buy now and get nothing for free! Well, at least no free beer. Perhaps a bear, if you can afford it.
kasshin 2008/04/28
jQuery accordion Plugin

javascript

jquery

accordion

plugin
ãƒªãƒ³ã‚¯
1