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
hadn't imported jquery-ui.css file , wrong selector being used
Comments
Post a Comment