Non-Text Expand Test

Using notitle=true and tag=div

this is some content
this is some other content
here is some more content

Using no attributes, preceding text, div wrapped

This is the first line
this is some content
Here we have the second line
this is some other content
And finally line number three
here is some more content


Using tag=li, ul wrapped

  • this is some content
  • this is some other content
  • here is some more content

entente test

Orginal

How do I purchase an item as a gift?

When you decide what item you want to purchase, right click the item and choose “touch” from the options. A blue menu will appear, choose “Gift” and follow the instructions.

Fixed

How do I purchase an item as a gift?

When you decide what item you want to purchase, right click the item and choose “touch” from the options. A blue menu will appear, choose “Gift” and follow the instructions.

Collapse-O-Matic – Table Test

Various ways the Collapse-O-Matic plugin may be used in conjunction with tables.

Expanding The Entire Table

This is straight forward. We simply wrap a table in an expand element:

<table>
   <tbody>
      <tr><td>One</td><td>Two</td></tr>
      <tr><td>Three</td><td>Four</td></tr>
   </tbody>
</table>
View Table
One Two
Three Four

Expanding A Row

This is a bit more tricky. Notice, what happens when we wrap to wrap a table row in a div:

<table>
   <tbody>
      <tr><td>One</td><td>Two</td></tr>
      <div style="border: 1px dotted blue">
         <tr><td>Three</td><td>Four</td></tr>
      </div>
   </tbody>
</table>
One Two
Three Four

Se how the div is rendered outside of the table? To place the div INSIDE of the table, the div needs to be wrapped in td tags like so:

<table>
   <tbody>
      <tr><td>One</td><td>Two</td></tr>
      <tr>
         <td colspan="2">
            <div style="border: 1px dotted blue">
               <table>
                  <tbody>
                     <tr><td>Three</td><td>Four</td></tr>
                  </tbody>
                </table>
            </div>
         </td>
      </tr>
   </tbody>
</table>
One Two
Three Four

Well, now the row we want to use as the target content is inside the table, but as you can see, the inner table is not matching the column layout. So what if we use the table’s TR as the collapse element:

<table>
   <tbody>
      <tr><td>One</td><td>Two</td></tr>
      <tr><td colspan="2" class="collapseomatic" id="singlerow">Trigger</td></tr>
      <tr class="collapseomatic_content" id="target-singlerow">
          <td>Three</td><td>Four</td>
      </tr>
   </tbody>
</table>
One Two
Trigger
Three Four

Perfect! This works well for expanding and collapsing a SINGLE Table Row.

Expanding Multiple Rows

Collapse-O-Matic only allows a trigger to control a single target area. One of the many features of the pro version, Collapse-Pro-Matic is the added ability to have a single trigger control multiple targets. To add extra targets to a trigger, the ID must be in the format of target[n]-id as follows:

<div id="monkey" class="collapseomatic">Trigger</div>
<div id="target1-monkey" class="collapseomatic_content">content</div>
<div id="target2-monkey" class="collapseomatic_content">content</div>

So in our example of the table, we would hook up multiple rows like so:

<table>
   <tbody>
      <tr><td>One</td><td>Two</td></tr>
      <tr><td colspan="2" class="collapseomatic" id="singlerow">Trigger</td></tr>
      <tr class="collapseomatic_content" id="target1-singlerow">
          <td>Three</td><td>Four</td>
      </tr>
      <tr class="collapseomatic_content" id="target2-singlerow">
          <td>Five</td><td>Six</td>
      </tr>
      <tr class="collapseomatic_content" id="target3-singlerow">
          <td>Seven</td><td>Eight</td>
      </tr>
   </tbody>
</table>
One Two
Trigger
Three Four
Five Six
Seven Eight

Collapse-O-Matic Snap Close Test

[expand title="The Big Lebowski" trigclass="snap-shut" rel="dude-highlander" tag="h2"]Target Content[/expand] [expand title="Walter" trigclass="snap-shut" rel="dude-highlander" tag="h2"]Target Content[/expand] [expand title="Donny" rel="dude-highlander" tag="h2"]Target Content[/expand]

The Big Lebowski

Target Content

Walter

Target Content

Donny

Target Content

Dictionary test.

This is a test using twinpictures in the normal body of the content.

long text
Star Wars is an American epic space opera franchise that consists of a film series created by George Lucas. The film series has spawned a media franchise outside the film series called the Expanded Universe including books, television series, computer and video games, and comic books. These supplements to the film trilogies have resulted in significant development of the series’ fictional universe. These media kept the franchise active in the interim between the film trilogies. The franchise portrays a universe which is in a galaxy that is described as far, far away. It commonly portrays Jedi as a representation of good, in conflict with the Sith, their evil counterpart. Their weapon of choice, the lightsaber, is commonly recognized in popular culture. The fictional universe also contains many themes, especially influences of philosophy and religion.
The first film in the series was originally released on May 25, 1977, under the title Star Wars, by 20th Century Fox, and became a worldwide pop culture phenomenon, followed by two sequels, released at three-year intervals. Sixteen years after the release of the trilogy’s final film, the first in a new prequel trilogy of films was released. The three prequel films were also released at three-year intervals, with the final film released on May 19, 2005. Reactions to the original trilogy were mostly positive, with the last film being considered the weakest, while the prequel trilogy received a more mixed reaction, with most of the praise being for the final movie, according to most review aggregator websites. Some of the films in the series were also nominated for or won Academy Awards. A sequel trilogy was rumoured at one time but never materialised.
All of the main films have been a box office success, with the overall box office revenue generated by the Star Wars films (including the theatrical Star Wars: The Clone Wars) totalling $4.49 billion,[1] making it the third-highest-grossing film series,[2] behind only the Harry Potter and James Bond films. The success has also led to re-releases in theaters for the series.
click here to close
check me out
when twinpictures is used in an expand element, however, something wacky is happening. Why is this?
super sub
so twinpictures, when used in a sub-expand element, or nested element… what happens then?
click here to close

design on
a plate

 

website
design

EXAMPLES
dental practice in Berlin

website design & photographs
BACK

NEXT

dental practice in Berlin

website design & photographs

BACK

NEXT

dental practice in Berlin

website design & photographs

BACK

TOP