2016-05-29 3 views
0

Я использую функцию show в моем скрипте. i m также передает параметры в этой функции, но показывает ошибку. im, используя нижеприведенный код, нажав кнопку, я вызываю эту функцию next().скрыть параметры функции, не работающие в jQuery

function next() { 
    $('#img1').hide('slide', { direction: 'left' }, 1400); 
} 

Это не сработало для меня. показывая эту ошибку Uncaught TypeError: n.easing[this.easing] is not a function. при прохождении без параметров он отлично работает.

+0

вы хотите использовать анимацию делать? – Mohammad

+0

Мне нужно скрыть и показать img, пока нажимаем следующую и другую предыдущую кнопку соответственно, поэтому я иду с этим. – Raja

+0

@Raja user locaai (не хватает комментариев rep atm.) Хочет знать, сможете ли вы избавиться от этого. Ваш фрагмент кода работает как ожидалось ...: -/ – ZF007

ответ

1

Используйте этот код

$("button").click(function(){ 
 
    $("div").animate({width:'toggle'}, 350); 
 
});
div { 
 
    width: 100px; 
 
    height: 100px; 
 
    background: green; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Show/hide</button> 
 
<br/><br/> 
 
<div></div>

+0

Спасибо за ответ, но я хочу спрятать влево. как слайд. http://jsfiddle.net/xu3ck/16/ здесь он работает, но в моем коде не работает. – Raja

2

насчет настраиваемой анимации, как показано ниже:

HTML

<div class='div1' id="div1"></div> 
<button id="showhide"></button> 

CSS

.div1{ 
    height:100px; 
    width:100px; 
    position:absolute; 
    left:0; 
    top:100px; 
    background-color:red; 
    transition:all 0.5s; 
} 
.hide{ 
    width:0; 
} 

JS

document.getElementById("showhide").addEventListener("click",function(){ 
    if(document.getElementById("div1").classList.contains("hide")){ 
     document.getElementById("div1").classList.remove("hide"); 
    } 
    else{ 
     document.getElementById("div1").classList.add("hide"); 
    } 
}) 
Смежные вопросы