Implementing Expand/Collpasible Master-detail records in Visualforce page using datatables/Jquery/JS

Hi Everyone ,Recently I got a requirement where i have to display all master record in a vf page where clicking on any master record i want to show it's child records below the selected master record.

I searched many places and many blogs finally i came up with some idea how to implement  and I came to know already available plugins.So I feel it will be helpful if I share the collected information.So,I'm just sharing all those documents.

http://jsfiddle.net/lbriquet/4Rkb3/36/

http://jsfiddle.net/nanoquantumtech/RgKPZ/

https://jquery-datatables-row-grouping.googlecode.com/svn/trunk/customization.html

https://jquery-datatables-row-grouping.googlecode.com/svn/trunk/accordion.html

http://www.codeproject.com/Articles/189621/Creating-an-expandable-master-details-table-jQuery

http://datatables.net/release-datatables/examples/server_side/row_details.html

http://www.telerik.com/forums/expand-row-show-details-when-row-is-selected

http://imomins.blogspot.in/2013/01/creating-expandable-master-details.html

https://imomins.wordpress.com/2013/01/03/creating-an-expandable-master-details-table-jquery-datatables-and-asp-net-mvc-integration-part-iv/

http://www.script-tutorials.com/creating-expandable-tables-with-jexpand/

http://stackoverflow.com/questions/24751034/creating-a-vertically-collapsing-and-expanding-html-table

http://stackoverflow.com/questions/16926752/expand-collapse-table-rows-with-jquery

https://jquery-datatables-row-grouping.googlecode.com/svn/trunk/collapsibleGroups.html

https://jquery-datatables-row-grouping.googlecode.com/svn/trunk/accordion.html

http://salesforce.stackexchange.com/questions/83641/how-to-show-related-contacts-under-account-in-vf-page



Enjoy...........