숨겨진 div의

Question

이 나는 ​​또한을 한

$(document).ready(function(){ 
    $('a').click(function() { 
    var divname= this.name; 
    $("#"+divname).show("slow").siblings().hide("slow"); 
    }); 
}); 

를 사용하여 링크를 클릭 할 때 서로 교환 여러 숨겨진 된 div를 .... 설명하기가 좀 까다 롭습니다하지만, 여기에 간다에 .slider 적용 슬라이더 기능은 훌륭하게 작동하지만 div가 변경되면 슬라이더가 작동하지 않습니다. 숨겨진 div를 호출 할 때 어떻게 타겟팅 할 수 있습니까? 나는 변수가 있다고 가정한다.

이 내 슬라이더 코드

$(function() { 
var scrollPane = $('#info'), 
    scrollableHeight = scrollPane.height() - scrollPane.parent().height() || 0; 

$("#slider-vertical").slider({ 
    orientation: "vertical", 
    range: "max", 
    min: 0, 
    max: scrollableHeight, 
    value: scrollableHeight, 
    slide: function(event, ui) { 
    scrollPane.css({top: ui.value - scrollableHeight}); 
    } 
}); 

입니다

}); 여기

더 잘 이해하기위한 작업 예입니다 ..... 사전에 지저분한 코드

http://www.kerrydean.ca/tizzest.html#

감사 실례

Answer 1

귀하의 슬라이더 경우에만 #info div의 스크롤로 설정 var scrollPane을 설정하고 다른 두 div는 설정하지 않습니다 (# info2 및 # info3). 대신 class="info"로, 당신의 모든 슬라이딩 된 div에게 등을 공유 클래스를 제공 그래서 같은 scrollPane 설정 :

$(document).ready(function(){ 
    $('a').click(function() { 
    var divname= this.name; 
    $("#"+divname).show("slow").siblings().hide("slow"); 

    // Reset slider to top 
    var max = $("#slider-vertical").slider("option", "max); 
    $("#slider-vertical").slider("value", max); 
    }); 
});