NAME

JQuery::Accordion - produce an accordion effect

SYNOPSIS

    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

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

HTML

Get the HTML for the object

new

Instantiate the object

AUTHOR

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

BUGS

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

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

perldoc JQuery

You can also look for information at:

ACKNOWLEDGEMENTS

COPYRIGHT & LICENSE

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.