hide function parameters not working in jquery

Question

I'm using show function in my script. i m also passing parameters in that function, but it showing error. im using below code, while click a button i call this next() function.

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

this is not worked for me. showing this error Uncaught TypeError: n.easing[this.easing] is not a function. while passing without parameters it works fine.

I need to hide and show img while click next and another prev button accordingly, so i go with this. — Shanmugaraja_K
– Shanmugaraja_K, Commented May 29, 2016 at 7:34
@Raja user loccai (lacking comment rep atm.) wants to know if you were able to get rid of this. Your code snippet works as expected... :-/ — ZF007
– ZF007, Commented Feb 23, 2018 at 0:24

Mohammad · Accepted Answer · 2016-05-29 07:52:16Z

2

Use this code

$("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>

edited May 29, 2016 at 7:52

answered May 29, 2016 at 7:44

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shanmugaraja_K Over a year ago

Thanks for the answer but i want to hide left. like a slide. jsfiddle.net/xu3ck/16 here it works but in my code not working.

Sabith · Accepted Answer · 2016-05-29 08:03:08Z

1

What about a customized animation as below:

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");
   }
})

answered May 29, 2016 at 8:03

Sabith

1,6562 gold badges22 silver badges42 bronze badges

Collectives™ on Stack Overflow

hide function parameters not working in jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related