You are here :   Welcome » Accordion blocks
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...
rss This article is available in the standard RSS format for publication on your website :
https://ghc.freeguppy.org/data/en-articles.xml

Blocks can contain text and images.

Implementation requires copying a script to launch.

See the source of this article :

<script type="text/javascript">
        $(document).ready( function() {
            $("#gyaccordion").hoverAccordion({
                keepHeight: false,
                activateItem: 1,
                onClickOnly: true,
                speed: 400
            });
            $("#gyaccordion").children("li:first").addClass("firstitem");
            $("#gyaccordion").children("li:last").addClass("lastitem");
        });
    </script>
<div style="width:400px;margin:auto;">
<ul id="gyaccordion" style="width:180px; margin:auto;">
    <li><a href="#">Block 1</a>

    <ul>
        <li>
        <div style="padding:6px;">Content 1</div>
        </li>
    </ul>
    </li>
    <li><a href="#">Block 2</a>
    <ul>
        <li>
        <div style="padding:6px;">Content 2</div>
        </li>
    </ul>
    </li>
    <li><a href="#">Block 3</a>
    <ul>
        <li>
        <div style="padding:6px;">Content 3</div>
        </li>
    </ul>
    </li>
    <li><a href="#">Block 4</a>
    <ul>
        <li>
        <div style="padding:6px;">Content 4</div>
        </li>
    </ul>
    </li>
</ul>
</div>

<div style="margin:8px;">Blocks can contain text and images.<br />
<br />
Implementation requires copying a script to launch.<br />
<br />
<span style="text-decoration:underline;"><strong>See the source of this article</strong></span>.</div>

<div style="margin:8px;">
<div style="margin:8px;">
<blockquote></blockquote>
</div>
</div>

<div style="margin:8px;"></div>


Creation date : 07/02/2014 @ 08:07
Category : - Docs and Tutorials
Page read 9840 times

You are here :   Welcome » Accordion blocks