Again and again - Tabs or multi pages

I think many users need the feature TAB.
Nobody likes to see data like a kilometer train. This is not only a pleasure for the eyes, but an organization problem.
After reading all posts here about Tabs and Multi pages I must confess that explanations are far from the newbie user.
Something like Tabgroup (http://www.dotvoid.com/view.php?id=6) seems easy. And it works well in a normal HTML page. But when we paste the code into the Editor, the code is changed and it doesn't work.
There are 2 blocks to insert and 2 .js files

Block 1.

<script type="text/javascript" src="tab.js"></script>

<script type="text/javascript" src="browserdetect.js"></script>
Block 2.

<div id="Mytab1" style="display:none;">

<p>¡Hello Tab1!</p>

</div>
<div id="Mytab2" style="display:none;">

<p>Hello Tab2!</p>

</div>
My questions:

1-Where place .js files?

2-How and where put that code Blocks?
Thank you very much.
José