Getelementsbyclassname Проблемы ⇐ Jquery

[Anonymous]

Я пытаюсь показать некоторым сотрудникам команды на моем сайте, поэтому я хочу показать небольшую информацию, такую как изображение и имя. Затем, когда вы нажимаете по нему, он появляется с дополнительной информацией о человеке. Для открытия и закрытия divs: < /p>

Код: Выделить всё

function showWindow(className, number) {
var obj = document.getElementsByClassName(className);
$obj[number].fadeIn(1000);

var obj2 = document.getElementById('transparentBox');
obj2.style.display = 'block';
}

function closeWindow(className, number) {
var obj = document.getElementsByClassName(className);
$obj[number].fadeOut("slow");

var obj2 = document.getElementById('transparentBox');
$(obj2).fadeOut(1000);
}
< /code>
Забавно то, что он работает, если я нажимаю на первый узел элемента (obj[0]

), но это не работает для других узлов. Для других появляется только TransparentBox.

Код: Выделить всё

#transparentBox {
position: fixed;
display: none;
padding: 0;
margin: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
z-index: 499;
}

.popup {
position: absolute;
display: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 700px;
padding: 20px;
background-color: white;
margin: auto;
z-index: 500;
overflow-y: scroll;
}
< /code>
И я звоню им с: < /p>
[url=javascript:;]
More Info
[/url]

Но он отображается только для первого вызова showwindow ('opup', 0) , другие вызовы не отображают всплывающее окно, только Transparentbox.


Подробнее здесь: https://stackoverflow.com/questions/304 ... ame-issues