I have this function:
$('.Show').click(function() {
$('#mobile-nb-c').show(500);
$('.Show').hide(500);
$('.Hide').show(500);
});
This function opens my div like this: 
But I would like it to make it open like this: 
Can this be done?
Asked
Active
Viewed 251 times
0
-
1Read about the [`animate`](https://api.jquery.com/animate/) function – Alexandre Elshobokshy Feb 07 '19 at 15:45
-
1This may help -> https://stackoverflow.com/questions/521291/jquery-slide-left-and-show – daddygames Feb 07 '19 at 15:46
-
2Possible duplicate of [Hide/Show from left](https://stackoverflow.com/questions/18887449/hide-show-from-left) – mrQubeMaster Feb 07 '19 at 15:47
-
This is also specifically a JQuery feature, not general JavaScript – Paul Feb 07 '19 at 15:48
-
1those images make your post overly big, you could do the same with ascii art, please remove them... – Icepickle Feb 07 '19 at 15:54
2 Answers
2
show() and hide() both do not have any animation properties related to them. They will just hide an element or show it. You can use .animate() for using all sorts of animations
ellipsis
- 12,049
- 2
- 17
- 33
0
Try this:
$('.Show').animate({ width: <yourWidth> }, 600)
$('.Hide').animate({ width: 0 }, 600)
Paul Losev
- 969
- 1
- 12
- 17