| JQuery documentation | view source | Contained in the JQuery distribution. |
JQuery::Accordion - produce an accordion effect
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 ;
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
Get the HTML for the object
Instantiate the object
Peter Gordon, <peter at pg-consultants.com>
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.
You can find documentation for this module with the perldoc command.
perldoc JQuery
You can also look for information at:
Copyright 2007 Peter Gordon, all rights reserved.
This program is free software; you can redistribute it and/or modify it under the same terms as Perl itself.
| JQuery documentation | view source | Contained in the JQuery distribution. |