应用.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); 
    }); 
});