Bug when Hiding RangeSlider

[SerNeo]

Hi,
First of all thanks for a great plugin! its really awesome!

When I tried to add an animation (show/hide) on Div with Slider the both jslider-value are stucked togather and not separate.

To see add this lines to demo:

-------- CSS
.showHide {display:none}
.open {display:block}

------- JS
jQuery(document).ready(function($) {
$("#trigger").click(function(){
if ($(this).next(".showHide").hasClass("open")) {
$(".showHide").slideUp(300);
} else {
$(".showHide").slideDown(300);
}
$(this).next(".showHide").toggleClass("open");
});
});

And wrapped #Slider3 with:

<a href="#" id="trigger">Show/Hide</a>  
<div class="showHide">

<div class="layout-slider">
  <input id="Slider3" type="slider" name="area" value="25;75" />
</div>

</div>

How can I fix it ?

[SerNeo]

Unfortunately it doesn't helps here is screen: http://xmages.net/storage/10/1/0/7/8/upload/ed0c43f5.jpg

[egorkhmelev]

Please be more specific about your environment.

[SerNeo]

Check the Screen I gave previous comment.
And note that 1st value (25) is above first pointer and 2nd value (366) IS NOT above second pointer.

[egorkhmelev]

I've seen the screen. I mean what is your OS and browser? :)

[SerNeo]

Win7, Tested in: IE9, Chrome, FF, Safari and the result is the same...