More Triggers in one row

You mean something like this: https://spacedonkey.de/623/collapse-o-matic-line-of-trigger-images/

At first, thank you for you reply.
I?s almost done. The images are now inline as desired. However the text is only collapsing under the image (trigger), can I somehow resize the area so that the text is expanding underneath all three images?

https://amires.bumblebeestudio.eu/test_title/

Used code:
<div class=”birdwire”>[expand title=”<img src=’https://amires.bumblebeestudio.eu/images/redbox.jpg&#8217; />” alt=”Red Box” trigclass=”noarrow” rel=”animal-highlander” ]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pibendum sodales, augue velit cursus nunc,[/expand]</div>

<div class=”birdwire”>[expand title=”<img src=’https://amires.bumblebeestudio.eu/images/redbox.jpg&#8217; />” alt=”Red Box” trigclass=”noarrow” rel=”animal-highlander”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretiumget bibendum sodales, augue velit cursus nunc,[/expand]</div>

<div class=”birdwire”>[expand title=”<img src=’https://amires.bumblebeestudio.eu/images/redbox.jpg&#8217; />” alt=”Red Box” trigclass=”noarrow” rel=”animal-highlander”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felimauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,[/expand]</div>

<div style=”clear: both”> </div>

CSS
.birdwire {
display: inline;
float: left;
margin-right: 1.625em;
width: 160px;
}

Thank you very much for your time.

Van

changed the link from https://amires.bumblebeestudio.eu/test_title/ to https://amires.bumblebeestudio.eu/tt

Thank you

VanW

OK, in this case you It’s recommend you use the roll-your-own method described in the documentation.

Here is an example of how you might do that:

//triggers
<div class="collapseomatic noarrow birdwire" id="redbox" rel="box-highlander" alt="Red Box"><img src='https://amires.bumblebeestudio.eu/images/redbox.jpg' /></div>
<div class="collapseomatic noarrow birdwire" id="bluebox" rel="box-highlander" alt="Blue Box"><img src='https://amires.bumblebeestudio.eu/images/bluebox.jpg' /></div>

//targets
<div id="target-redbox" class="collapseomatic_content">Lorem ipsum dolor sit amet.</div>
<div id="target-bluebox" class="collapseomatic_content">Aenean massa. Cum sociis natoque penatibus et magnis</div>

Perfect

Thank you very much.

Going for pro version.

Great plugin… and great support

VanW

Sweet! Don’t for get to tell your friends and vote for pedro!

I have a similar question:
Here is the sample link: https://stargfx.net/peaceandclean.com/services/

if you scroll down you will see three grey tabs. How can I expand one on load? and also how can I make sure that div doesnt affect other sections of the site. Not when you klick on one of the tabs footer shifts.

Thanks!!

@lena_k198: If you require assistance then, as per the Forum Welcome, please post your own topic.

lena, your issue is being address in this tread. Thanks.