jquery plugin for report

Is there any jquery plugin which expands on 开发者_如何学Goclick ,basically iwant to show a report on click and then minimise back on click again.

Thanks..

If you want to show and hide an existing element then can do something like

<a href-"#" id="expcoll">Click me to toggle</a>
<div id="report">
     your report content goes here
</div>

$(function(){
    $("#expcoll").click(function(){
         // show or hide the report
         $("#report").toggle();
         // if you want a slide effect 
         //$("#report").slideToggle();
    });
});

If you want to load the HTML report data dynamically then you can use AJAX calls in jQuery and load the result into the report div.

it sounds like you want something like qtip

Rajeev ,

do the following ,

1) Store all the report html in hidden div

  <div id ="reportID" style="display:none">drop all your html here </div>

when you click your report div ,

2) show the div with jquery

$('#reportID').show();

when you click your report div again

do

$('#repordID').hide();

you can bind the events as mentioned by rahul

let me know if you need any more info

here's a fiddle using a basic jquery-ui dialog to do 200 line dummy logs

http://jsfiddle.net/generalhenry/T36e8/

I included css to force the content to scroll if needed.