Following code showing examples of:

1) Detach() jQuery

2) How to same multiple Detach() from same classes on page and save detached content in an array.

3) Displaying detached content in a div on clicking respective "See More" text.

4) Using :gt which is used to detach all li's greater then index 4.

5) How to use check boxes as a component which can be used multiple times in a page with simple copy/paste without any change in JS code or classes name or anything. 

See Working DEMO Here

There are two methods using which we can close a div when a user click out side it.

1)Using below code we can close div

See Code

2) Using this method also we can close Div but it also closes the Div when clicked on scroll bar.

See Code