나스카님의 토글스킨에서...
나스카님의 토글스킨이 유용한데요.
토글버튼이 열고닫을때마다 변경되게 할 수는 없을까요?
아래 빨간색 부분이 토글버튼인데 클릭할때마다 내용물이 열리고 닫히긴 하지만, 토글버튼은 항상 열기 라서... 이것을 클릭할때마다 열기/닫기 로 바뀌게 하려면 어떻게 해야할까요. 제가 아무리 용을 써봐도 안되는군요.. 쩝.
<script language='JavaScript'>
function toggle(el) {
if (el.style.display == 'none'){
el.filters.blendTrans.Apply();
el.style.display = '';
el.filters.blendTrans.Play()
}
else {
el.filters.blendTrans.Apply();
el.style.display = 'none';
el.filters.blendTrans.Play()
}
}
</script>
function toggle(el) {
if (el.style.display == 'none'){
el.filters.blendTrans.Apply();
el.style.display = '';
el.filters.blendTrans.Play()
}
else {
el.filters.blendTrans.Apply();
el.style.display = 'none';
el.filters.blendTrans.Play()
}
}
</script>
<script language='javascript'>
<!--
function toggleLayer(name, id) {
var layer = document.getElementById(name+id);
layer.style.display = (layer.style.display == "none")? "block" : "none";
}
//-->
</script>
<!--
function toggleLayer(name, id) {
var layer = document.getElementById(name+id);
layer.style.display = (layer.style.display == "none")? "block" : "none";
}
//-->
</script>
<table width="100%" cellpadding=0 cellspacing=0>
<tr>
<td>
<A href="javascript:toggleLayer('poll', '')" onfocus='blur()'>열기<a>
</td>
</tr>
<tr>
<td>
<span id='poll' style='display:none;width:100%;filter:blendTrans(Duration=0.6)'>
내용 출력 </span>
</td>
<tr>
<td>
<A href="javascript:toggleLayer('poll', '')" onfocus='blur()'>열기<a>
</td>
</tr>
<tr>
<td>
<span id='poll' style='display:none;width:100%;filter:blendTrans(Duration=0.6)'>
내용 출력 </span>
</td>
</tr></table>
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 6개
위 링크의 토글관련 소스를 참조하여 응용 하시면 가능 합니다.
하지만 위링크의 소스는 열기/닫기 가 동시에 같이 나와있네요.
제가 말씀드린것은 열기와 닫기가 번갈아 나오는 겁니다. ㅡㅡ;
토글처리가 정상적으로 수행되는 예제입니다.
메인페이지 우측 > 여름 탈출 비법은?
http://by.oo.co.kr/main.php
그런데 저도 정상적으로 작동은 합니다만..
토글버튼이 고정적이 아니라 내용이 열리고 닫힘에 변하게 하고 싶은것입니다.
링크걸어주신 페이지에도 "여름탈출비법은?" 이란 토글버튼이 고정적이네요 ㅡㅡ;