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.