| |
|
|
| | Всем привет. Есть такой скрипт, задача которого открывать и скрывать текст при нажатии на ссыль!
Работает скрипт нормуль, но хотелось бы кое что к нему добавить. А именно сделать так, чтобы при нажатии на одну из ссылок, сначало скрылся открытый текст (который я открыл до этого), а уже потом открылся новый.
Вот сам скрипт:
Работает так: http://www.dhtmlgoodies.com/scripts/show-hide-content/show-hide-content.html
<script type="text/javascript">
function showHideAnswer()
{
var numericID = this.id.replace(/[^\d]/g,'');
var obj = document.getElementById('a' + numericID);
if(obj.style.display=='block'){
obj.style.display='none';
}else{
obj.style.display='block';
}
}
function initShowHideContent()
{
var divs = document.getElementsByTagName('DIV');
for(var no=0;no<divs.length;no++){
if(divs[no].className=='question'){
divs[no].onclick = showHideAnswer;
}
}
}
window.onload = initShowHideContent;
</script>
|
подключаемый CSS....
.question{
cursor:pointer;}
.answer{
FONT-FAMILY: Verdana;
color: #8c9599;
border: 1px solid #282f37;
padding:3px;
width:550px;
background-color:#1a1e23;
display:none; }
|
Код в теле:
<div id="q1" class="question">1</div>
<div id="a1" class="answer">Увидишь текст когда нажмёшь на "1".
</div>
|
| |
| |
|
