슬라이드 왼쪽/오른쪽 애니메이션으로 div보기/숨기기

Question

여기 시도 : http://jsfiddle.net/92HXT/1/하지만 작동하지 않습니다. show("slow")/hide("slow")을 사용하는 경우에만 작동합니다.

감사합니다.

Answer 1

날카로운 애니메이션은 아니지만 부모님을 찾고 모든 형제를 숨겨서 내가 원하는 방식으로 행동하게했습니다. 내가 왜 .siblings()에 대한 직접적인 호출이 보이지 않는 반면, 이것이 왜 왼쪽으로 요소를 밀어 내는지는 확실하지 않습니다.

Seen here.

다른 언급처럼 클래스를 사용하여 항목 그룹을 식별하는 것은 ID가 아닌 올바른 방법입니다.

업데이트 :

난 아직도 형제()는 ID에 의해 발견했습니다 사업부에 형제를 찾을 수없는, 나는 그것이 뭔가를 할 가지고 의심하고있어 이유를 모르겠어요 동안 표시/숨기기 또는 아마도 심지어 슬라이딩 애니메이션을 사용하는 프로세스. 여기 내 제안 jQuery를/jQueryUI은 다음과 같습니다

여기

$('a.view-list-item').click(function() { 
    var divname= this.name; 
    $("#"+divname).show("slide", { direction: "left" }, 1000); 
    $("#"+divname).parent().siblings(":visible").hide("slide", { direction: "left" }, 1000); 
}); 

가 updated version입니다.

업데이트 :

솔루션에 excellent update

업데이트

@ jesus.tesh의 : @erwinjulius으로 솔루션

behavior update. DIV 위치가 변경되어 더 잘 동작하므로 사용자가 애니메이션을 깨지 않고도 링크를 빠르게 클릭 할 수 있습니다. 더 나은 효과 프레젠테이션을 위해 흰색 배경과 왼쪽 패딩이 추가되었습니다.

Answer 2

그러나이 코드는 요소 이름 태그 내가 ID의 작동하지 않습니다와 노력 W3C standaards

에 사용되지 않습니다, 작동, 나는 제목에 이름 태그를 변경하고이 너무 작동하고 당신은 W3C 표준을 준수합니다!

그래서 "제목"과 같이, 그것은 훌륭한 기능 여기를 참조하는 "이름"을 변경합니다 http://design65grafischontwerp.nl/#portfolio

$ (문서) .ready (함수() {

$('a').click(function() { 
     var divtitle= this.title; 
     $("#"+divtitle).show("slow").siblings().hide(1000); 

    }); 

을});