Что не так?
<!-- код спойллера -->
<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "Показать решение";
}
else {
ele.style.display = "block";
text.innerHTML = "Закрыть";
}
}
</script>
1)
<a href="javascript
:toggle(1);" id="displayText1">Показать решение</a>
<div id="toggleText" style="display: none;">Сам текст в спойлере... </div>
2)
<a href="javascript
:toggle(2);" id="displayText2">Показать решение</a>
<div id="toggleText" style="display: none;">Сам текст в спойлере... </div>
Цитата:
|
<a class="displayText">Показать решение</a>
02 <div class="toggleText" style="display:none">Сам текст в спойлере... </div>
03 <script src="http://code.jquery.com/jquery-latest.min.js"></script>
04 <script>
05 $('.displayText').click(function() { toggle(this) });
06 function toggle(displayText) {
07 displayText = $(displayText);
08 var toggleText = displayText.next('.toggleText');
09 if (toggleText.is(':visible')) {
10 toggleText.hide();
11 displayText.html('Показать решение');
12 } else {
13 toggleText.show();
14 displayText.html('Закрыть');
15 }
16 }
17 </script>
|
Тоже не фурычит...