javascript, jquery, plugins, togglepanel

TogglePanel 0.9

05.09.08 | 1 Comment

Pubblico un paio di plugin che avevo scritto mesi fa…

Depends

Demo basilare


$(document).ready(function(){
    $('#cont_interno').TogglePanel(
        {
        headerSelector  : '.handleEvento',
        panelSelector   : '.dettaglioEvento',
        speed       : 'slow',
        uselinks    : true,
        }
    );
});

Real World 1


$(document).ready(function(){
    $('#cont_interno').TogglePanel(
        {
            headerSelector  : '.handleEvento',
            panelSelector   : '.dettaglioEvento',
            speed       : 'slow',
            uselinks    : true,
            onTextLink  : '...continua',
            offTextLink : 'chiudi',
            onClassLink : 'btnNascondi',
            offClassLink    : 'btnVisualizza',
            prehtmlTextLink :'<p><span class="onoff"><a onclick="return false;" href="#" class="btnNascondi">',
            posthtmlTextLink:'</a></span></p>',
            onstartHideAll  : true,
            openontitle : true
        }
    );
});

Real World 2


$(document).ready(function(){
    $('#cont_interno').TogglePanel(
        {
            headerSelector  : '.handleEvento',
            panelSelector   : '.dettaglioEvento',
            speed       : 'slow',
            uselinks    : true,
            onTextLink  : '...continua',
            offTextLink : 'chiudi',
            onClassLink : 'btnNascondi',
            offClassLink    : 'btnVisualizza',
            prehtmlTextLink :'<div class="contMed"><div class="apridett"><a href="#" class="btnStampa">stampa</a><span class="testonascosto">&nbsp;|&nbsp;</span><a onclick="return false;" href="#" class="btnNascondi">',
            posthtmlTextLink:'</a></div></div>',
            onstartHideAll  : true,
            openontitle : true
        }
    );
});

Una versione più vecchia (con gli effetti di jquery 1.2 + interface.

Popularity: 1% [?]

One Trackback

  1. By (function() { : YCodaSlider 0.9 on 9 May 2008 at 11:21

    [...] Ho detto un paio… [...]

Post a Comment

Your email is never shared. Required fields are marked *

*
*