Сделать div слева Скольжение слева направо

-1

Я установил div как $('#myDiv').css('visibility', 'hidden');. Мой вопрос: как мне заставить его появляться влево вправо?Сделать div слева Скольжение слева направо

Это то, что я пробовал, но мне нужно сделать его слайдом слева направо.

if($('#myDiv').css('visibility') == 'hidden'){ 
    $('#myDiv').css('visibility', 'visible'); 
    $('#myDiv').slideDown('slow'); 
}

источник

2015-05-18 Becky

Я рекомендую использовать JQuery UI HTTPS : //jqueryui.c om/toggle/ – mcgrailm

@mcgrailm спасибо. Но мне нужно, чтобы DIV скользил только один раз. Поэтому, как только он будет скользить, мне нужно, чтобы он был видимым, пока пользователь не выйдет из страницы. – Becky

http://stackoverflow.com/questions/14823305/slide-div-left-right-using-jquery –

Это может быть решением для вас:

я могу использовать каждую функцию seperatly, в зависимости от того, что вам нужно: я тумблер 2 раза.

HTML-:

<div id="container"> 
    <div id="content"> 
     Place your content here 
    </div> 
</div>

CSS-:

#container{ 
    width:0px; 
    overflow-x:hidden; 
    display:none; 
    background-color:blue; 
    color:white; 
}

JavaScript/JQuery:

function show(el, width, speed, callback){ 
    $(el).css({"display":"block"}); 
    $(el).animate({"width":width}, speed, callback); 
} 

function hide(el, speed, callback){ 
    $(el).animate({"width":"0px"}, speed, function(){   
     $(el).css({"display":"none"}); 
     callback(); 
    }); 
} 

function toggle(el, width, speed, callback){ 
    console.log($(el).css("width")); 
    if($(el).css("width")== "0px") 
     show(el,width, speed, callback); 
    else 
     hide(el, speed, callback); 
} 

toggle("#container", "150px", 500, null); 
setTimeout(function(){toggle("#container", "150px", 500, null);}, 2000);

Рабочий пример: https://jsfiddle.net/195yz674/3/

источник

2015-05-18 13:47:23 jvjefke

Сделать div слева Скольжение слева направо

ответ

Смежные вопросы