Hello everyone. Nothing online to see, but a question to see if the following is possible.
I’m doing a site for a small car dealership and what he’d like is a small picture and very short title to introduce a car. When either of these are clicked on, the accordion would expose the full description and a gallery of 6 thumbnail gallery lightbox images.
I’ve been playing with this today and had limited success. The accordion will show the descriptive text, but the 6 thumbnail gallery lightbox images are always visible. Can anyone think of a way to hide these within the accordion until the header is clicked or hovered so just the small pic and short decryption is visible?
If you use an inline HTML box (DIV) as your disclosure element, then you can put whatever content you would like inside of that (also inline) to get the effect you’re after.
Walter
On May 12, 2014, at 9:32 AM, Trevreav wrote:
Hello everyone. Nothing online to see, but a question to see if the following is possible.
I’m doing a site for a small car dealership and what he’d like is a small picture and very short title to introduce a car. When either of these are clicked on, the accordion would expose the full description and a gallery of 6 thumbnail gallery lightbox images.
I’ve been playing with this today and had limited success. The accordion will show the descriptive text, but the 6 thumbnail gallery lightbox images are always visible. Can anyone think of a way to hide these within the accordion until the header is clicked or hovered so just the small pic and short decryption is visible?
Great suggestion, thanks Walter. I think I was missing the part about putting all of the disclosure items within a box, the copy was in one, the gallery outside.
BTW, would this box have to be named anything special to hide and show? At the moment I have and overall box called myaccordion and a style set (but not applied to anything) called #myaccordion h2:hover, so a bit unsure if I have to name the disclosure box, or apply anything to it.
thanks
Trev
On 12 May 2014, at 14:35, Walter Lee Davis email@hidden wrote:
If you use an inline HTML box (DIV) as your disclosure element, then you can put whatever content you would like inside of that (also inline) to get the effect you’re after.
Walter
On May 12, 2014, at 9:32 AM, Trevreav wrote:
Hello everyone. Nothing online to see, but a question to see if the following is possible.
I’m doing a site for a small car dealership and what he’d like is a small picture and very short title to introduce a car. When either of these are clicked on, the accordion would expose the full description and a gallery of 6 thumbnail gallery lightbox images.
I’ve been playing with this today and had limited success. The accordion will show the descriptive text, but the 6 thumbnail gallery lightbox images are always visible. Can anyone think of a way to hide these within the accordion until the header is clicked or hovered so just the small pic and short decryption is visible?
Whatever you choose to nest inside the DIV will be fine, you can nest further layers of div inside there too, I think.
You just need to have at the top level of your accordion container box two distinct types of content, alternating. Matters not what exactly they are, as long as you are consistent in applying them.
Walter
On May 12, 2014, at 9:57 AM, Trevor Reaveley wrote:
Great suggestion, thanks Walter. I think I was missing the part about putting all of the disclosure items within a box, the copy was in one, the gallery outside.
BTW, would this box have to be named anything special to hide and show? At the moment I have and overall box called myaccordion and a style set (but not applied to anything) called #myaccordion h2:hover, so a bit unsure if I have to name the disclosure box, or apply anything to it.
On 12 May 2014, at 15:06, Walter Lee Davis email@hidden wrote:
The name of the box isn’t important at all, just the tag that Freeway generates from it.
Your header
Lorem ipsum whatever
Your header
Lorem ipsum whatever
Whatever you choose to nest inside the DIV will be fine, you can nest further layers of div inside there too, I think.
You just need to have at the top level of your accordion container box two distinct types of content, alternating. Matters not what exactly they are, as long as you are consistent in applying them.
Walter
On May 12, 2014, at 9:57 AM, Trevor Reaveley wrote:
Great suggestion, thanks Walter. I think I was missing the part about putting all of the disclosure items within a box, the copy was in one, the gallery outside.
BTW, would this box have to be named anything special to hide and show? At the moment I have and overall box called myaccordion and a style set (but not applied to anything) called #myaccordion h2:hover, so a bit unsure if I have to name the disclosure box, or apply anything to it.