I built an accordian slider on my Bootstrap site to display images. It uses only HTML & CSS - no JavaScript. I would like to keep it script free since it will be used on my home page and I want those with JS turned off or blocked to see a nice image when they first see the homepage.
It works great. It even switches to a vertical version for phones! *Only one problem:* When first loading the page, all the images in the accordian show as the narrow version used for clicking. *I want one of the images to show as the expanded / selected / clicked version (not sure what the proper term for that state is...) when the page first opens. Help!* You can see the accordian at the top of this page: http://easydigging.com/Garden_Tool/slider1.html The pictures are not what I will use in the finished version. I just stuck some in there for testing. Click any one of the squished fork pictures and the accordian will start appearing as it was intended to. I appreciate any and all ideas on how to make this work :-)
