粘贴按钮到sidr侧面板

时间:2014-10-31 09:58:37

标签: javascript jquery html css

我有jsfiddle HERE因为我所做的...如果有人帮助我热卖这个显示按钮与sidr面板浮动,我真的很感激:)

<style type="text/css">
#panel {
    position: fixed;
    top: 50%;
    right: 0px;
    width: 115px;
    height: 0px;
    text-align:right;
    z-index:9999;
    margin-top:-15px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
#panel:hover {
    background: #CCC;
}
</style>

<input type="button" id="panel" value="Show" style="height:30px;width: 50px;">

<script type="text/javascript">
    $('#panel').sidr({
        side: 'right',
        displace: false
    });

</script>

1 个答案:

答案 0 :(得分:0)

I modified the Jquery little   

 $('#panel,#panel-2').sidr({
    side: 'right',
    displace: false
});
$('#panel,#panel-2').click(function(){
    $('#panel-2').toggle();
    $('#panel').toggle();
});

在此处http://jsfiddle.net/raghuchandrasorab/s9ex6g3x/2/