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