Тема: JS: Не обрабатывает код в var
При написании скрипта столкнулся с такой проблемой,
при клику по ссылке снизу должен выпасть текст, - собственно с этим проблем нет:
<script>
function collapsElement(id) {
if ( document.getElementById(id).style.display != "none" ) {
document.getElementById(id).style.display = 'none';
}
else {
document.getElementById(id).style.display = '';
}
}
</script>
<div><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow">page</a>
<div id="identifikator" style="display: none">
<p>text</p>
</div>
Проблема в том что я не могу понять как адаптировать(применить) данный код к:
<script type='text/javascript'>
var phoneBook=[
{'cn':'page','telephoneNumber':'test','mobile':'test','title':'test','department':'test'},
{'cn':'<div><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow">page</a><div id="identifikator" style="display: none"><p>Текст</p></div></div>','telephoneNumber':'test','mobile':'test','title':'test','department':'test'}]
...
Если убрать этот кусок естественно все работает,
javascript:collapsElement('identifikator')
но нужно чтобы снизу выпадал текст.
Как быть в этой ситуации?
P.S. Весь код в приложении.