JQuery::Accordion - produce an accordion effect


JQuery documentation  | view source Contained in the JQuery distribution.

Index


NAME

Top

JQuery::Accordion - produce an accordion effect

SYNOPSIS

Top

    my @headers = ("header 1","header 2","header 3","header4") ; 
    my @texts = ("line 1","line 2","line 3","line4") ; 
    my $accordion = JQuery::Accordion->new(id => 'myAccordion',
				       headers => \@headers,
				       texts => \@texts,
				       panelHeight => 200,
				       panelWidth => '400px'
                                       addToJQuery => $jquery,
				      ) ;

    # Change css defaults - add at the bottom
    $jquery->add_css_last(new JQuery::CSS( hash => {'#myAccordion' => {width => '600px'}})) ; 

    my $html = $accordion->HTML ;

DESCRIPTION

Top

Add an accordion effect. For an example of how it looks, see http://interface.eyecon.ro/demos/accordion.html.

You will also be wondering how to change colours etc. There are a number of CSS items that are defined, and taht can be changed. Each accordion needs an id. So the CSS paragraphs that are created are:

#id

#id dt

#id dd

#id dt.idHover

and

#id dt.idActive

FUNCTIONS

Top

HTML

Get the HTML for the object

new

Instantiate the object

AUTHOR

Top

Peter Gordon, <peter at pg-consultants.com>

BUGS

Top

Please report any bugs or feature requests to bug-jquery-taconite at rt.cpan.org, or through the web interface at http://rt.cpan.org/NoAuth/ReportBug.html?Queue=JQuery. I will be notified, and then you'll automatically be notified of progress on your bug as I make changes.

SUPPORT

Top

You can find documentation for this module with the perldoc command.

    perldoc JQuery

You can also look for information at:

* AnnoCPAN: Annotated CPAN documentation

http://annocpan.org/dist/JQuery

* CPAN Ratings

http://cpanratings.perl.org/d/JQuery

* RT: CPAN's request tracker

http://rt.cpan.org/NoAuth/Bugs.html?Dist=JQuery

* Search CPAN

http://search.cpan.org/dist/JQuery

ACKNOWLEDGEMENTS

Top

COPYRIGHT & LICENSE

Top


JQuery documentation  | view source Contained in the JQuery distribution.