2012-12-07 4 views
-1

내 웹 사이트에는 노래 이름을 클릭하면 열리는 "상자"가 있지만 다른 노래 이름을 클릭하면 닫힐 수 있도록 열려 있습니다. 그래서 한 상자 만 열릴 것입니다. 상자를 호출하는 코드는 바로 아래에 있습니다. 누구든지 솔루션을 어떻게 알 수 있습니까? P.S 이미지가 있으면 더 이해할 수 있지만 이미지를 추가 할 수는 없습니다.JavaScript slideToggle

<script type="text/javascript"> 
var showOrHide = true; 
function parodyti (a) { 
$(function() { 
$("#nauj-" + a).slideToggle('slow', function() {}) 
}) 
};</script> 
+2

내가 html을 볼 수도 있습니까? –

+0

아마도 실제 웹 사이트를 볼 수 있을지 이해하기에 충분합니다. www.muzikosfanai.lt –

+0

어느 부분입니까? –

답변

0

jquery 개념을 사용하면됩니다. Jquery는 그것을 작동시키기 위해 .toggle() 메소드를 제공한다. 예제 코드는 다음과 같이 될 것입니다 : 이것은 두 문자열 굿바이 헬로 사이의 버튼을 눌러에 전환됩니다

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 
    <button>Toggle</button> 
<p>Hello</p> 
<p style="display: none">Good Bye</p> 
<script> 

$("button").click(function() { 
$("p").toggle(); 
}); 
</script> 

</body> 
</html> 

.

0

이 당신을 도울 수 있습니다 참조 용 http://jsfiddle.net/fd46R/

그것의 단지 샘플을.

$(function(){ 
    $('ul.child').hide(); 
    $('ul.parent a.slide').click(function(){ 
    $('ul.child').slideUp('slow'); 
    $(this).next().find('a').show(); 
     if($(this).next().is(':hidden')) { 
    $(this).next().slideDown('fast'); 
     } 
    return false; 
    }); 
    });​