How to hide under a spoiler

How to hide under a spoiler

Spoilers in imposition of web pages use visually to hide a part of the volume text, image or any other contents of the page by the link. To make a spoiler in Joomla, use special a plug-in. Instruction 1. Find in the directory of additions Joomla and install a plug-in of Core Design Spoiler. Correct work will require also a plug-in of Core Design Scriptegrator which will automatically load JS libraries (Highslide, jQuery and others). After installation include both additions through "The manager of plug-ins". 2. Now you will be able to add a spoiler with the hidden contents, having imprisoned him in the tag [spoiler]. Such tag can be added not only to normal articles of Joomla, but also and to materials of components of the directory, for example to K2, ZOO, FLEXIcontent, etc. 3. Select a way of display of a spoiler in settings of a plug-in. It can be both the simple link, and the button. Specify as well a condition under which the spoiler will reveal – at click or guidance of the cursor. 4. Except the specified way, any of parameters can be specified and manually, in the tag [spoiler]. The type of a spoiler can be set the element parameter, having specified link value for display in the form of the link or button – for the button. 5. Action at which the spoiler is opened can be designated through the action parameter for which to etyet permissible values of hover (on guidance of the cursor) or click (by clicking). The unique heading of a spoiler can be created by means of the Title parameter, having specified necessary value in quotes. 6. For example, if you need to make a spoiler with the heading "Read Continuation of History" which will open by clicking on the link with the text of heading, use the following tag: [read to spoiler title= "" continuation of history of"" action= "" click" of" element= "" link""] 7. After this tag place the text or the image which need to be hidden, and then "close" a spoiler the tag: [/spoiler]

Author: «MirrorInfo» Dream Team


Print