m |
m |
||
| Line 99: | Line 99: | ||
<br/> | <br/> | ||
---- | ---- | ||
| + | <p><big><b>Remote collapsible 1 (div, multiple togglers) <sup class="mw-customtoggle-myDivision" style="color:orange">@</sup></b></big></p> | ||
| + | <hr /> | ||
| + | <dl> | ||
| + | <dd><strong class="mw-customtoggle-myDivision">@</strong></dd> | ||
| + | </dl> | ||
| + | <div class="usermessage mw-customtoggle-myDivision">Click here or on one of the @'s to expand the hidden element.</div> | ||
| + | <div class="mw-customtoggle-myDivision" style="cursor:pointer" data-collapsetext="Hide me" data-expandtext="Reveal me"> | ||
| + | <div class="floatleft"><img alt="title=Click me!" src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b6/At_char.svg/100px-At_char.svg.png" width="100" height="100" /></div> | ||
| + | ⇐ @@Clicking here or on At-image will toggle also@@ | ||
| + | <div style="clear:both"></div> | ||
| + | </div> | ||
| + | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision"> | ||
| + | <div class="toccolours mw-collapsible-content"> | ||
| + | <div class="thumb tright"> | ||
| + | <div class="thumbinner" style="width:174px;"><a href="/wiki/File:Example.jpg" class="image"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg" width="172" height="178" class="thumbimage" /></a> | ||
| + | <div class="thumbcaption"> | ||
| + | <div class="magnify"><a href="/wiki/File:Example.jpg" class="internal" title="Enlarge"><img src="//test.wikipedia.org/w/static-1.21wmf1/skins/common/images/magnify-clip.png" width="15" height="11" alt="" /></a></div> | ||
| + | Example image</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis.</p> | ||
.jpg)
