javascript - Why isnt my slider showing up? -


i'm working on making custom button drops down jquery ui slider beneath it. idea can slide slider , changes background color of button. reason, slider isn't appearing , cant figure out why.

<div id="button-container">     <div id="button">         <div id="inner_triangle_button"></div>     </div>      <div id="slider_container">        <div id="slider_container_triangle"></div>        <div id="shadow_slider"></div>    </div> </div>  <script> $('#button').click(function() {       if ( !$('#slider_container').is(":visible") )         $('#slider_container').fadein(100);     else         $('#slider_container').fadeout(100); });  $(function() {     $('.shadow_slider').slider({         min: 0,         max: 255,         change: updatecolor,         slide: updatecolor     }); });  function updatecolor() {     var color = $('#shadow_slider').slider("value")     $('#button').css('background', '#'+color+'0000'); } </script> 

i've made jsfiddle problem

http://jsfiddle.net/drs4/bpsb20wd/5/

hadn't imported jquery-ui.css file , wrong selector being used


Comments

Popular posts from this blog

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

java - Could not locate OpenAL library -

sorting - opencl Bitonic sort with 64 bits keys -