<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <script src="jquery.collapser.min.js" type="text/javascript"></script> <script src="jquery.collapser.js" type="text/javascript"></script> <script src="jquery.collapser.min.js" type="text/javascript"></script> <script src="jquery.min.js" type="text/javascript"></script> <head> <title>Expand table rows with jQuery - jExpand plugin - JankoAtWarpSpeed demos</title> <style type="text/css"> .demo6{ border: 1px solid #B9E3FF; background: #0099FF; padding-left: 5px; color: #FFFFFF; } </style> <script type="text/javascript"> $('.panel').hide(); $('.demo6').collapser({ target: 'next', effect: 'slide', changeText: 0, expandClass: 'expIco', collapseClass: 'collIco' }, function(){ $('.panel').slideUp(); }); </script> </head> <body> <h4 class="demo6">Heading 1</h4> <div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div> <h4 class="demo6">Heading 2</h4> <div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div> <h4 class="demo6">Heading 3</h4> <div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div> <h4 class="demo6">Heading 4</h4> <div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)