row-fluid span only for title

Just a “grunt” here…. no affiliation with Obi-Wan Kenobi.

But you want the Title Short… and the Content long… ?

https://plugins.twinpictures.de/plugins/collapse-o-matic/documentation/

In the documentation (while it doesn’t show it but with some back peddling in the support here and some of the other documentation…)

There is a “tag” attribute..
Tag Attribute
The tag attribute replaces the default html tag that wraps the trigger text. By default the html tag is span, however this can be set globally in the Collapse-O-Matic Options Page.
[expand title=”A Long Time Ago” tag=”h2″]Target Content[/expand]
A Long Time Ago

[expand title=”<img src=’falcon_girl.jpg’ />” tag=”div” alt=”Falcon Girl”]Target Content[/expand]

Ok.. maybe that doesn’t explain it all too well for you…

So maybe this will help. It sort of does more than you want…

<div class="row-fluid">
<div class="span6">
[expand title="title1" tag="div style='width:70px; font-size: 14px; font-weight: bold; color: black; background-color: yellow; border: 5px solid; border-radius: 10px;border-color:#39FF8E;padding-left: 15px'"]content111111111111111111111111111111111111111111111111[/expand]
</div>
<div class="span6">
[expand title="title2" tag="div style='width:70px; font-size: 14px; font-weight: bold; color: black; background-color: yellow; border: 5px solid; border-radius: 10px;border-color:#39FF8E;padding-left: 15px'"]content222222222222222222222222222222222222222222222222[/expand]
</div>
</div>

A little cleaner for you… the “padding-left” and the “width” to keep it cleaner… Do NOTICE the Single Quote in side the tag=”div

<div class="row-fluid">
<div class="span6">
[expand title="title1" tag="div style='width:70px; padding-left: 15px'"]content111111111111111111111111111111111111111111111111[/expand]
</div>
<div class="span6">
[expand title="title2" tag="div style='width:70px;padding-left: 15px'"]content222222222222222222222222222222222222222222222222[/expand]
</div>
</div>

Make special note of the SINGLE quote ‘ -> as opposed to the double quotes ” inside the tag=”div

Now if you want to take it one step further… add the attribute “highlander” on one click of the other will collapse the other….

<div class="row-fluid">
<div class="span6">
[expand title="title1"  rel="narcopastello-highlander" tag="div style='width:70px; padding-left: 15px'"]content111111111111111111111111111111111111111111111111[/expand]
</div>
<div class="span6">
[expand title="title2" rel="narcopastello-highlander" tag="div style='width:70px;padding-left: 15px'"]content222222222222222222222222222222222222222222222222[/expand]
</div>
</div>

Happy New Year !
Just in from Gallifrey… the weather was beautiful.

shortcut:

<div class="row-fluid">
[expand title="title1" tag="div" targclass="span6"]content1[/expand]
[expand title="title2" tag="div" targclass="span6"]content2[/expand]
</div>

question:
what is your default tag element set to in the options? is it div? good!
then you can use ultra-shortcut:

<div class="row-fluid">
[expand title="title1" targclass="span6"]content1[/expand]
[expand title="title2" targclass="span6"]content2[/expand]
</div>

And always take a banana to a party.

i’ll explain with an example:

https://www.baserunningteam.it/mezzamaratona/row-test

i’m trying to make extended contents 1 and 2 as wide as 3, but keeping titles on the same line… is it possible?

Yes, this is possible, but you will have to use the roll-your-own method to place the triggers where they are, and then place both target content areas after:

Trigger One | Trigger Two
Target One that shows up on one line
Target Two that shows up on one line

Let us know if that helps.

it works, thanks.

but is it possible to use plugin attributes in the div?

for example, in the shortcode i used “trigpos” or “swaptitle”: can i use them also with the roll-your-own method?

Yes. Trigpos is used to place the trigger below the target. Using the roll-your-own method you can place the target and trigger anywhere you like. setting up a swaptitle is simply a matter of including a span with:
1. an id of swap-your_trigger_id
2. a class of colomat-swap
3. a style of display:none;

Example:

<div class="collapseomatic" id="my_id" title="On">On</div>
<span id="swap-my_id" title="Turn off the lights!" class="colomat-swap" style="display:none;">Off</span>