26 09, 2017

CSS Accordion IE10 Fix

By | 2017-09-29T13:47:05+00:00 September 26th, 2017|Categories: Web Development|Tags: , , , , , |

You can create accordions for your site using CSS and the input button method. The only caveat is that if you need to make the accordion row titles clickable in IE10 you have to add the labels method. With these few simple steps below, you will have clickable accordion row titles that also works in IE10.

Download the CSS Accordion IE10 Fix. You can also find all the needed information at the original source below.

Example below. You can change the HTML Class, ID names and CSS styles, as needed. Please note that each accordion row will need a unique label ID, Name and For Tag.

HTML

CSS

 

Sources: Brad S. Knutson