Vertical Sliders

All functionality that we've seen so far will also apply to vertical sliders. There's no limitation here except that your CSS may have to be slightly different to account for the slider being vertical.

</>
{;}
($)
                <div class="slider"></div>
            
                #vertical-slider {
                    height: 150px;
                    margin-left: 30px;
                }
            
                $(".slider")

                    .slider({ 
                        min: 0, 
                        max: 20,
                        orientation: "vertical"
                    })

                    .slider("pips", {
                        rest: "label",
                        step: "5"
                    });