應用.slider到隱藏層

Question

這是有點棘手的解釋，但在這裏不用....我有多個隱藏層是用點擊

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

我也做了一個鏈接時，彼此交換滑塊功能很好，但當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）。而是給你的所有滑動的div共用類，如class="info"並設置scrollPane像這樣：

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

然後確保你顯示/隱藏你的div當你的滑塊設置爲默認位置：

$(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); 
    }); 
});