Всплывающее окно, не могу настроить js
Ребят HELP, я в js не бум бум, сделал не большую форму из 6-ти копок, надо на каждую привизать всплывающее окно с простым тестом и "крестиком", может кто поможет, целый день уже убил на это, все сайты перечитал.
<div calss="wrapper_body">
<div class="cbm_wrap">
<h1>Павел</h1>
<img src="<!--400x200---!>">
<p>Хочу выразить огромную благодарность... </p>
<br />
<a href="#" class="button9" id="win1">Подробнее</a>
</div>
<div class="cbm_wrap1">
<h1>Павел</h1>
<img src="<!--400x200--!>">
<p>Я в своё время делала моделирование бровей...</p>
<br />
<a class="button9" rel="ot2" href="#">Подробнее</a>
</div>
<div class="cbm_wrap2">
<h1>Павел</h1>
<img src="<!--400x200--!>">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam luctus consectetur dolor a porttitor. Curabitur id sem sed ante fringilla pulvinar et id lectus. Nullam justo ipsum, hendrerit ut commodo nec, pellentesque nec erat. Pellentesque pharetra.</p>
<br />
<a class="button9" rel="ot3" href="#">Подробнее</a>
</div>
<div class="cbm_wrap3">
<h1>Павел</h1>
<img src="<!--400x200--!>">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam luctus consectetur dolor a porttitor. Curabitur id sem sed ante fringilla pulvinar et id lectus. Nullam justo ipsum, hendrerit ut commodo nec, pellentesque nec erat. Pellentesque pharetra.</p>
<br />
<a class="button9" rel="ot4" href="#">Подробнее</a>
</div>
<div class="cbm_wrap4">
<h1>Павел</h1>
<img src="<!--400x200--!>">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam luctus consectetur dolor a porttitor. Curabitur id sem sed ante fringilla pulvinar et id lectus. Nullam justo ipsum, hendrerit ut commodo nec, pellentesque nec erat. Pellentesque pharetra.</p>
<br />
<a class="button9" rel="ot5" href="#">Подробнее</a>
</div>
<div class="cbm_wrap5">
<h1>Павел</h1>
<img src="<!--400x200--!>">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam luctus consectetur dolor a porttitor. Curabitur id sem sed ante fringilla pulvinar et id lectus. Nullam justo ipsum, hendrerit ut commodo nec, pellentesque nec erat. Pellentesque pharetra.</p>
<br />
<a class="button9" rel="ot6" href="#">Подробнее</a>
</div>
|