This is small script which is like JQuery’s accordion.
Easy, small, do not need to run in $(document).ready()

HTML PART

<div id="cont1">
  <div class="slides">
    <h3>title</h3>
    <div class="content">
      ...
    </div>

    ...

  </div>
</div>

—

JS PART

$("#cont1 div.content").hide();
$("#cont1 div.content:first").show();
$("#cont1 h3").bind("click", function() {
  if ( $(this).next().css("display") == 'none' ) {
    $("#cont1 div.content").hide();
    $(this).next().slideDown(250);
  }
});

—

CSS PART

#cont1 div.slides { padding:8px; }
#cont1 div.slides h3 { margin:4px 0px 0px 0px; height:24px; background:url(../img/bg/1.png) repeat-x; border:1px #d3d3d3 solid; -moz-border-radius:0.5ex; -webkit-border-radius:0.5ex; padding:4px 8px 0px 8px; cursor:pointer; }
#cont1 div.slides div.content { border:1px #d3d3d3 solid; -moz-border-radius:0.5ex; -webkit-border-radius:0.5ex; border-top:0px; padding:8px 4px 4px 4px; }

—

EXAMPLE

It is a motion capture example from my webcam.
It is my first try and goes well.
In this example, I tried “top left” and “top right” points.
Next time, there will be more points…

You can watch a demonstration below;

I used Andrew Kirillov’s motion capture algorithm and he says he used AForge.NET framework.
Point detection matrix is programmed by me.