Questions tagged [slidedown]
An effect of showing element with a sliding motion.
610
questions
0
votes
1
answer
41
views
How to keep a HTML Submenu Opened When Clicking on Other
I am trying to keep the submenu open when opening another submenu.
Currently, my code closes all previously opened submenus when trying to open another one.
Right now, my code closes any previously ...
- 27
1
vote
1
answer
91
views
Click and display child component delay/animation in React
I'm trying to create a component that, upon clicked, will display it's children component(s).
I have this code:
type ExpandCollapseProps = ComponentProps<"div"> & VariantProps<...
- 377
0
votes
2
answers
88
views
jQuery infinite slideUp and slideDown without clicking
I have a title that is in the h3 tag. My code works using slideUp but slideDown looks so bad. I want the slideDown animations smooth like in slideUp. Basically, slideDown from the last array to the ...
- 65
0
votes
0
answers
55
views
Jquery Slidedown() sliding down background color of other columns
I have 3 bootstrap columns with all the p content hidden using CSS display: none. I have a jQuery slidedown function that's intended to just reveal one column when the user mouses over its heading. ...
- 33
0
votes
1
answer
513
views
Jquery slidedown toggle change button text and icon when clicked
The slide down function is fine but i need to change both text and a font awesome icon in the button from 'open all questions (down icon)' to 'Close all questions (up icon)' when the button is clicked,...
- 71
0
votes
0
answers
39
views
slide down of jQuery in WordPress not works correctly
I want to slide down some Divs in WordPress using jQuery slide down. but all item come over each other.
here is my code:
$(".more-button").click(function(){
$("#feature-column")....
- 1
2
votes
0
answers
188
views
Accordion animation does not work for child elements
I'm struggling with animated accordion for my site.
Second level of my accordion does not have animation and is not visible.
It happens only on the second level of my accordion.
This animation is from ...
1
vote
1
answer
903
views
How to slow down dropdown box by CSS or jQuery
I have built a dropdown button,but have no idea how to slow the the dropping process:
Html:
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn"&...
- 3,990
0
votes
0
answers
50
views
SlideUp/SlideDown dropdown value
I would like some assistance with JavaScript.
I have the following dropdown:
All the fields in the drop down are hard coded values with set ID fields, I would like to know if it would be possible to ...
- 19
1
vote
0
answers
36
views
CHROME: Prevent jQuery slideDown() and prependTo() from moving whole screen
I have the following code that prepends an li element to a ul list:
function prependListItem(entryHTML){
$(entryHTML)
.hide()
.css('opacity',0.0)
.prependTo('#container >...
- 11
0
votes
1
answer
442
views
Jquery button triggers on any click event on whole page
This is probably a very simple question.
here's my code.
$( document.body ).click(function () {
if ( $( ".more" ).first().is( ":hidden" ) ) {
$( ".compleatelist" ).slideDown( 6000 );
} ...
- 11
0
votes
1
answer
2k
views
Using React Modal with hooks: Trying to animate in mobile slide up and down. Slide up works wonderfully, but slide down style doesn't get applied
This animation portion works really well on slideUp. But the slideDown animation (close) doesn't get triggered. There is an x on the modal that closes it.
Is it because of the hook? This is the second ...
- 153
1
vote
0
answers
43
views
slideDown works, but when I change to slideUp, it stops working
I have 2 small divs, side by side in a bigger div, display flex. I want one of the small divs to appear by sliding up, and the other by sliding down. They both work fine when sliding down, but when I ...
- 355
0
votes
1
answer
316
views
Slide down and up function problem with flex: 1
$(".div3Btn").click(function() {
$(".div2").show("slide", {
direction: "up"
}, 5000);
});
.div1 {
display: flex;
height: 100%;
flex-direction: column;
background-color: #...
- 73
0
votes
1
answer
316
views
JQuery slidedown alert message disables submit button
I created a Jquery slidedown alert message that for some reason disables the Submit Button as soon as it appears.
My jQuery code is working perfect until the slidedown message appears:
https://...
- 931
1
vote
1
answer
38
views
jquery slidedown causing elements to simply appear
I am trying to get the slideDown() method to work, but it never seems to work for me. I can do FadeIn and FadeOut just fine. I put together some sample code to show what's happening to me:
http://...
- 13
1
vote
1
answer
463
views
Dropdown menu - slideToggle challenge
Following is my code
$(document).ready(function(){
$('.submenu').hide();
$('.menu').click(function(event){
event.preventDefault();
$(this).children('.submenu').slideToggle(1000);
...
- 1,010
0
votes
0
answers
177
views
Jquery .slideDown() from top only
I am trying to slide a div down when a parent element is clicked. I am able to get the slide behavior, however, it not only slides from the top, it also expands from the left, so from the top-left ...
- 172
-6
votes
2
answers
1k
views
Slide down button to show text HTML CSS
I'm trying to make a button on my website slide down to show text, but currently it only shows the button with the text under it. The button does not do anything but click. I want the text at the ...
- 27
1
vote
1
answer
80
views
slideUp() slideDown() doesn't work properly
$(document).ready(function(){
$('.outer').click(function () {
$('.inner').slideUp();
/*alert("I BIMS");*/
});
});
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;...
- 146
0
votes
1
answer
804
views
Prevent Slide down on to perform some other action on mouse-wheel scroll in Fullpage js
I am using fullpage js in a website and i need to stop a particular slide to scroll down on mouse wheel scroll. Rest slides will slide normally. On 4th slide(slide in my case), i have two images which ...
- 13
1
vote
3
answers
2k
views
Alert is not working second time when clicking on button
I am using bootstrap version so I have created a slide down menu same like below example.
button not working second time
<div class="alert alert-success" id="success-alert">
<button type="...
0
votes
2
answers
221
views
jQuery slide down div - disappears when click on callback
I have a bit of a problem. Have done some slide down in to div of a calendar, work nice, but after I click on the arrow to change the month, whole calendar disappears. And I can't open the calendar ...
- 13
1
vote
2
answers
51
views
Prevent jQuery script from running depending on condition
I have this script which should allow slideUp/slideDown for nested ul (dropdown menu) when window is larger than 800px and disable slideUp/slideDown functionality if window's width is less than 800px ...
- 145
4
votes
1
answer
14k
views
Uncaught TypeError: $(...).find(...).slideDown/slideUp is not a function [duplicate]
I have a simple image gallery where the figcaption is hidden on each image. Here is the HTML:
<figure>
<img src="gallery/reef2.jpg" width="400" height="285" alt="Another beautiful example ...
0
votes
1
answer
74
views
jQuery firing parent functions before children (slideUp and slideDown)
In short, I have a 2 main links (Private Car and Commercial Vehicle) each with a specific class attached to their anchor tags. The same class names are used on the li tags of a second sublink ul to ...
- 72
0
votes
1
answer
277
views
onload slideDown of a div, slideUp the div on button click [duplicate]
i am attempting onload slideDown. when the page is opened, the div is slideDown automatically after 2 seconds. the div consist of responsive image and a button called "z-indexed".
now what i need is ...
user8026631
0
votes
2
answers
723
views
jQuery SlideDown / SlideUp | "FAQ" | Opened
My title doesn't mean anything i guess, but it's complicated to name my problem.
So, i did a section in my html "faq" and when someone click on a question, the answer appaer with a slideDown. If we ...
- 95
0
votes
1
answer
131
views
Changing Animation in JQuery Conditional Form - SlideUp and SlideDown JQuery alternatives
Please see example on codepen.
I've got a working template for my conditional forms using JQuery and HTML if you change the drop down menu the options that appear next depend on the selection made in ...
0
votes
0
answers
43
views
reveal divs (with position:relative, in a vertical menu) from bottom to top
(I've tried to be synthetic as possible in the thread's title)
So, basically, I have a vertical menu with buttons. When you click a button, a div shows up with jQuery's slideDown(), moving away what ...
- 1
1
vote
2
answers
52
views
jquery dialog box slideUp slideDown
I would like to show a dialog box on the right side when we scroll to a certain level of the page and make it disappear when we go back.
The problem is that the box appears but disappears immediately.
...
- 35
0
votes
1
answer
578
views
how to make slide up default open with jquery script?
I found this script on stackoverflow, and really helped me.
I have tried to make it default open (default slide up), without eliminating slide down. But I did not succeed. Can anyone help me for ...
- 19
0
votes
1
answer
23
views
Element won't slideDown() on certain width viewport
I'm trying to achieve a footer similar to what https://www.gucci.com/ has, where it becomes an accordion on below 768px and becomes normal block grid on 768px and above.
My issue is that every-time ...
0
votes
0
answers
130
views
jQuery scroll to specific height then slidedown div
Ok, so I've tried looking at everything on here and many people have suggested adding a width or a height or even using jquery css to hide elements, but nothing is working for me.
I am trying to ...
- 648
0
votes
0
answers
317
views
jQuery hover slide submenu not working when collapsed
I'm trying to create a navigation menu which implements the slideDown/slideUp function on mouseenter/mouseleave to display a submenu. I only want the slidedown/slideup function to run when the menu is ...
- 97
0
votes
3
answers
410
views
jQuery help on method slideDown/slideUp can't get it to work
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>YES</title>
...
- 45
0
votes
0
answers
301
views
use slideUp to show div in jquery
I write this code.
but I want when click on my image, div open from bottom to up. this code do Vice versa.
but I dont know.
$(document).ready(function() {
$("img").click(function(event) {
...
0
votes
0
answers
52
views
Show and remove div animation
I have something like this:
$(document).ready(function() {
$(".green").slideDown("slow", function(){ });
});
.blue {
background-color: blue;
height: 20px;
display: none;
}
...
- 3
0
votes
1
answer
192
views
Can't stop propagation on a menu with a slide up effect
I made a menu on a joomla website with a basic menu module. I animate it with a slide up effect and that's okay for now, except one thing on the resize of the window : The effect is repeated numerous ...
- 3
-1
votes
2
answers
541
views
jquery slideIn on element is not working
I cant seem to get the jQuery slide in method working.
Please have a look at my code below. The other jquery methods are working fine.
HTML:
<div id="customers-say">
<h1>...
- 89
1
vote
1
answer
449
views
jquery - slideDown each of parent ul
I have a multilevel menu. Each of level is a list with ul-tag. Each point of the menu is li-tag.
I want to slide down all of parent uls of the current point of the menu when loading the page.
Now I ...
- 915
0
votes
1
answer
632
views
jQuery slideDown/slideUp laggy animation on Android devices
I have problem with jQuery slide animation. I'm trying to make menu which is hiding when user scrolls the page. Here is live example (works only on mobile):
$(document).ready(function() {
if ...
0
votes
0
answers
338
views
jQuery slideDown() and scroll to offset works on firefox but not on chrome
so i have this function for scrolling to an anchor:
function scrolltoancora(id){
var aTag = $("a[name='"+ id +"']");
$('html,body').animate({scrollTop: aTag.offset().top},'slow');
}
and then ...
- 23
0
votes
3
answers
1k
views
How can I have my text slidedown with jQuery?
Good afternoon,
I am trying to create a slideDown effect when the user mouseover a particular div, and then returns back up when the user removes the mouseover the div. Please note the code was ...
0
votes
2
answers
2k
views
How to make proper jQuery slide down menu ?
Hello friends!
I'm having issue with slide down menu when I initially click on button(image) which is <a id="js-cat" class="js-cat"></a> it works, but it slides down and immediately ...
- 41
0
votes
2
answers
102
views
slideUp / slideDown with string
Is there any way to do the slideUp() or slideDown() jquery function by using a string ?
For example :
$(".myDiv").do("slideUp");
Of course that code doesn't exist, but however it could be great to ...
- 133
0
votes
1
answer
34
views
Adding an IF statement to jquery
I am trying to add a slidedown effect to display a hidden div when i click an image and when clicking the same image when the div is visible i would like it to slide back up and make the content ...
- 7
1
vote
1
answer
784
views
Slidedown element and slideUp others
I know there're a lot of subject like this, but I didn't find an correct answer.
When the document is loaded, I would like all my blocks closed (slideUp).
When the user click on a block, the text ...
- 2,761
0
votes
1
answer
607
views
jQuery slideUp and slideDown on a div with a fixed position?
I am trying to slide up a header on scroll down and show again on scroll up Can you use jQuery slideUp and slideDown on a div with a fixed position?
1
vote
1
answer
1k
views
Adding slide down to the navbar on hover
I want the content of class=dropdown to be sliding down slowly when hover on class=header__nav-item--drobdownButton (PRODUKT) but I am not sure how to add it to my code in CSS.
I tried to add ...
- 31