Comments on: Create the accordion effect using CSS3 http://www.thecssninja.com/css/accordian-effect-using-css All things CSS, Javascript & xhtml Tue, 07 Sep 2010 21:49:48 +0000 hourly 1 http://wordpress.org/?v=abc By: The Css Ninja http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-2#comment-2025 The Css Ninja Tue, 31 Aug 2010 23:30:02 +0000 http://www.thecssninja.com/?p=407#comment-2025 Links wouldn't be able to be used inside the accordion for IE. I wouldn't recommend using the IE solution as it has pretty poor UX. I would recommend to emulate target pseudo-class style functionality in IE with javascript. Links wouldn’t be able to be used inside the accordion for IE. I wouldn’t recommend using the IE solution as it has pretty poor UX. I would recommend to emulate target pseudo-class style functionality in IE with javascript.

]]> By: Fibrewire http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-1#comment-2024 Fibrewire Tue, 31 Aug 2010 09:24:14 +0000 http://www.thecssninja.com/?p=407#comment-2024 am i right in thinking it is impossible to add hyperlinks within the accordian sections when using IE, <pre lang="html4strict"> <!--[if IE]>--> <a href="#Section1" rel="nofollow"> <!--[if !IE]>--><a href="#Section1" rel="nofollow"> <!--Terminals<!--[if !IE]>--></a><!-- test <a href="http://www.google.co.uk/" rel="nofollow">JS-925WS</a> <!--[if IE]>--> </a> </pre> since that would be a hyperlink within what is fundamentally a hyperlink? am i right in thinking it is impossible to add hyperlinks within the accordian sections when using IE,

<!--[if IE]>-->
    <a href="#Section1" rel="nofollow">
 
    <!--[if !IE]>--><a href="#Section1" rel="nofollow">
    <!--Terminals<!--[if !IE]>--></a><!--
 
    test
    <a href="http://www.google.co.uk/" rel="nofollow">JS-925WS</a>
 
    <!--[if IE]>-->
 </a>

since that would be a hyperlink within what is fundamentally a hyperlink?

]]> By: Anonymous http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-1#comment-1981 Anonymous Sat, 21 Aug 2010 02:43:39 +0000 http://www.thecssninja.com/?p=407#comment-1981 [...] Accordion Effect Using CSS3 [...] [...] Accordion Effect Using CSS3 [...]

]]> By: The Css Ninja http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-1#comment-1900 The Css Ninja Thu, 29 Jul 2010 23:08:50 +0000 http://www.thecssninja.com/?p=407#comment-1900 @Matt - The reason it's always staying open is due to the fact you've added an inline style to the first dd tag which has the greatest specificity and overrides the target pseudo-class trying to set it back to zero when it's not active. You'll have to reset or remove the inline style when any of the other items are clicked. @Matt – The reason it’s always staying open is due to the fact you’ve added an inline style to the first dd tag which has the greatest specificity and overrides the target pseudo-class trying to set it back to zero when it’s not active. You’ll have to reset or remove the inline style when any of the other items are clicked.

]]> By: Matt http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-1#comment-1898 Matt Thu, 29 Jul 2010 16:42:37 +0000 http://www.thecssninja.com/?p=407#comment-1898 I add this bit of jQuery, but the section remains open even when other sections are opened. $('#Section1').css({'height':'9em'}); I add this bit of jQuery, but the section remains open even when other sections are opened.
$(‘#Section1′).css({‘height’:’9em’});

]]> By: Matt http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-1#comment-1897 Matt Thu, 29 Jul 2010 14:31:58 +0000 http://www.thecssninja.com/?p=407#comment-1897 Thanks - but is there another way such as changing a CSS property using Javascript? I can't rely on the hash value as people may have already bookmarked the site without it. Thanks – but is there another way such as changing a CSS property using Javascript? I can’t rely on the hash value as people may have already bookmarked the site without it.

]]> By: The Css Ninja http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-1#comment-1895 The Css Ninja Wed, 28 Jul 2010 23:20:40 +0000 http://www.thecssninja.com/?p=407#comment-1895 @Matt - Yes you can make any of them open by default by using the fragment identifier in the url. e.g In my demo adding <a href="http://www.thecssninja.com/demo/css_accordion/#Section1" rel="nofollow">#Section1</a> to the url will open the first one. The down side of that is if it appears below the fold or down further then the page will jump to that point. @Matt – Yes you can make any of them open by default by using the fragment identifier in the url. e.g In my demo adding #Section1 to the url will open the first one. The down side of that is if it appears below the fold or down further then the page will jump to that point.

]]> By: Matt http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-1#comment-1893 Matt Wed, 28 Jul 2010 18:34:49 +0000 http://www.thecssninja.com/?p=407#comment-1893 Is there a way to default so the first item is open? Is there a way to default so the first item is open?

]]> By: The Power Of CSS:40 Totally Pure CSS Effects With Demos | Afif Fattouh - Web Specialist http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-1#comment-1784 The Power Of CSS:40 Totally Pure CSS Effects With Demos | Afif Fattouh - Web Specialist Thu, 15 Jul 2010 21:30:42 +0000 http://www.thecssninja.com/?p=407#comment-1784 [...] 7.Create the Accordion Effect Using CSS3 A stylish accordion effect only with CSS3. DEMO [...] [...] 7.Create the Accordion Effect Using CSS3 A stylish accordion effect only with CSS3. DEMO [...]

]]> By: hendro-prayitno http://www.thecssninja.com/css/accordian-effect-using-css/comment-page-1#comment-1727 hendro-prayitno Wed, 14 Jul 2010 20:56:37 +0000 http://www.thecssninja.com/?p=407#comment-1727 maybe i have a good one buddy,,come to my blog maybe i have a good one buddy,,come to my blog

]]>