0

<< の代わりに画像を追加して左側のサイドバーを非表示にし、右矢印 >> を追加して、同じ (<<) 矢印を表示する代わりに非表示のサイドバーを表示する方法

http://jsfiddle.net/6FMZY/449/

4

3 に答える 3

2

そこに：http：//jsfiddle.net/M6xJT/

CSS：

.left {
    background: url('http://icons.iconarchive.com/icons/pixelmixer/basic/32/left-icon.png') no-repeat;
    width: 32px;
    height: 32px;
    display:block;
}

.right {
    background: url('http://icons.iconarchive.com/icons/pixelmixer/basic/32/right-icon.png') no-repeat;
    width: 32px;
    height: 32px;
    display:block;
}

jQuery：

$('#toggle').toggle(function(){
    $('#A').animate({width:0});
    $('#B').animate({left:0});

    $(this).removeClass('left').addClass('right');
},function(){
    $('#A').animate({width:200});
    $('#B').animate({left:200});

    $(this).removeClass('right').addClass('left');
})​;

</ p>

于 2012-06-25T15:21:38.303 に答える
0

これは、あなたの望むことですか？「トグル」という言葉の代わりに使用&larr;します。&rarr;

$('#toggle').toggle(function(){
    $('#A').animate({width:0});
    $('#B').animate({left:0});
    $('#toggle').html('&rarr;');
},function(){
    $('#A').animate({width:200});
    $('#B').animate({left:200});
    $('#toggle').html('&larr;');
})​

http://jsfiddle.net/mblase75/6FMZY/451/

于 2012-06-25T15:21:53.440 に答える
0 
$('#toggle').toggle(function(){
    $('#A').animate({width:0});
    $('#B').animate({left:0});
    $('#B > a').html('>>');
},function(){
    $('#A').animate({width:200});
    $('#B').animate({left:200});
    $('#B > a').html('<<');
})​

このような

于 2012-06-25T15:22:05.033 に答える