2012-09-24 2 views
0

나는 "deifwud"최근에서이 멋진 코드를 가지고 : (? CSS에서) 내가 결정할 수 있도록 어떻게 든로 "분할"코드를 원하는JQuery와 슬라이드 업/다운 밀어 코드는 거의 완벽한

$(document).ready(function() {  
    $(".slide").hide(); 

$('a.link').on('click', function(e) { 

    e.preventDefault(); 
    var slideSelector = '#' + $(this).attr('id').replace('link', 'slide'); 

    // or do it in the reverse order 
    $('div.slide').not($(slideSelector)).slideUp(500, function() { 
    $(slideSelector).slideDown(500); 
    }); 


    });  

}); 

하는 div는 링크가 클릭되고 div가 위로 올라올 때 슬라이드합니다.

THIS 예제에는 3 개의 링크가 표시됩니다. 나는 "링크 3"을 슬라이드하고 "링크 1"과 "링크 2"를 슬라이드하고 싶습니다.

당신의 의견을 듣고 싶습니다! 정말 고맙습니다!

+0

그것은 $ ('div.slide')이 아니어야합니다. (slideSelector) ' –

답변

0

쉐이크 this 편집 FIDDLE 하지만 링크 3은 토글 링크가 아닙니다.

+0

감사합니다. 그러나 화면에 div가 하나 이상 있어서는 안됩니다. – rekeszus

+0

한 번에 한 번씩 [FIDDLE] (http://jsfiddle.net/NL9we/3/) – Sender

+0

흠 ...하지만 지금은 그 때와 같습니다. div3 슬라이드를 아래에서 위로 올리려면 어떻게해야합니까? – rekeszus

관련 문제