2013-01-22 3 views
0

방금이 스크립트를 만들었습니다. 링크를 클릭하면 링크의 ID가 같은 div가 표시되고 다른 클래스는 숨길 수있는 클래스가 숨겨집니다. 내가 링크를 클릭 할 때div를 표시하고 다른 사람을 숨기기

function showhide(id) { 
     if (document.getElementById) { 
     var divid = document.getElementById(id); 
     var divs = document.getElementsByClassName("hideable"); 
     for (var i = 0; i < divs.length; i = i + 1) { 
      $(divs[i]).fadeOut("slow"); 
     } 
     $(divid).fadeIn("slow"); 
     } 
     return false; 
    } 

는하지만, 첫 번째 DIV는 숨기기를 얻고 다른 표시 얻을, 그것은 정말 끔찍한 보인다. 다른 div를 애니메이션없이 숨기고 애니메이션으로 표시하는 방법은 무엇입니까?

$ (divid) .style.display = "none"으로 시도해 보았습니다. 하지만 작동하지 않습니다.

답변

2

.hide()는 귀하의 경우에는

애니메이션없이 숨길 수 :

$(divs[i]).hide(); 
+0

와'.show()'애니메이션없이 요소를 보여줍니다! –

+0

.hide() 문서에 대한 링크 : http://api.jquery.com/hide/ – adamb

관련 문제