Questions tagged [slidedown]
An effect of showing element with a sliding motion.
610
questions
0
votes
1
answer
35
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
76
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<...
- 367
0
votes
2
answers
85
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
504
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
187
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
899
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
35
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
438
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 ...
- 143
1
vote
0
answers
42
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
315
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