By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.
 
 
 
Sentence to think about :   Why do you want to complicate ? Try GuppY that's all ... smile  
Sentence to think about :   GuppY ? There is there is less good but it is more expensive !  
Sentence to think about :   Your first reflex after you have downloaded GuppY ? Read the readme.txt !!!  

Accordion blocks

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 15588 times

You are here :   Welcome » Accordion blocks
 
Search
 
Close