slidedown

How to open a specific slider on the next page with jQuery

由 久未见 提交于 2019-12-25 02:34:29
问题 I want to open a slider on the next page when pressing a button but there is more than one button. Further, when I press one of the buttons then I want the info slider to open the one I clicked on the previous page. here is the code: $(document).ready(function () { $("h3.open-close").click(function () { if ($(this).is(".current")) { $(this).removeClass("current"); $(this).next(".desc").slideUp(400); } else { $(".desc").slideUp(4.00); $("h3.open-close").removeClass("current"); $(this).addClass

make a div slide down without pushing content down

由 时间秒杀一切 提交于 2019-12-21 16:50:06
问题 i have an exampe HERE im not sure how to make the div slide down but keeping the content at the top, as in not slide down when the div slides down. could you possibly help me with this? 回答1: Do you mean sort of like this? http://jsfiddle.net/yGZHC/3/ If so, use position:absolute . This way the position of the element does not affect the position of other elements. EDIT: Depending on what you're trying to do, relative may be better. http://jsfiddle.net/yGZHC/5/ EDIT2: And even better than that

Jquery mouse over div slideUp and mouse out div slideDown

由 ￣綄美尐妖づ 提交于 2019-12-21 05:44:15
问题 Here is my code http://jsfiddle.net/AB6J3/7/ you can see, edit, etc. When I roll over to red border box, the orange box should slide up and at mouse out it should slide down. it works well for the other way, but when I change slideDown to slideUp, it doesnt work :/ what am I missing? Appreciate helps. <!DOCTYPE html> <html> <head> <style> div#monster { background:#de9a44; margin:3px; width:80px; height:40px; display:none; float:left; position:absolute; right:10px; top:0; } #clickk {width:40px

Fixing vertical jump at end of jQuery slideDown animation

由 亡梦爱人 提交于 2019-12-21 03:43:05
问题 I am new to Jquery but have written a simple vertical accordion. It seems to to the job I require, but at the end of the slide down there is a visible jerk. If anyone could look at it and suggest a solution, it will stop me pulling any more of my hair out! Here is a a link to my test page (all my code [css, js etc.] is in one file for ease) : Vertical Accordion 回答1: In your custom code, I got rid of the 'jump' by making a small change in the CSS and specifying the height of the p tags within

How to show more list using jquery

由 走远了吗. 提交于 2019-12-18 17:35:20
问题 I pull out messages and display with PHP/MySQL. Now I want to show only 10 lists. And I want to add button. When I click this button it slides down smoothly and shows another 10, total 20 messages. And if I click the button it again slide down and shows total 30 messages. Could anyone teache me how to do it with jquery please? Thanks in advance. 回答1: In principle, you want a container where to place all the newly fetched messages. <div id="messages"> <! -- message 1 --> <! -- message 2 -->

slideDown() function behaving oddly

由 南笙酒味 提交于 2019-12-13 21:40:21
问题 firstly I should say I am fairly new to web development and teaching myself through tutorials and this site etc... I am trying to get videos displayed on this project with a nice smooth slide down (and up for hiding) as explained in this page: https://www.tutorialspoint.com/jquery/effect-slidedown.htm There is even a demo at the end in which it works perfectly just as I'd like mine to do. But here is what I get when I try it: Here is my code: html: <!DOCTYPE html> <html> <head> <meta charset=

Using jQuery .on() to make a drop-down menu

由 五迷三道 提交于 2019-12-13 21:36:34
问题 I'm trying to make a jQuery drop down menu, that adds a class to know if it's down or up. But for some reason the .on() function doesn't seem to respond to clicks. What are I doing wrong? Here is my HTML: <ul id="main-menu" class="menu"> <li> <a href="http://example.com">Item 1</a> </li> <li class="drop-down"> <a href="http://example.com">Item 2</a> <ul class="sub-menu"> <li> <a href="http://example.com">Sub Item 1</a> </li> <li> <a href="http://example.com">Sub Item 2</a> </li> <li> <a href=

Hover content of a hover()

由 半世苍凉 提交于 2019-12-13 08:18:43
问题 I have a simple button which displays a list on hover. Working example I just need to hover the list content, like a dropdown menu. How do I add script to perform that function? HTML <button id="test">Hover Me</button> <ul class="tester"> <li>Menu 1</li> <li>Menu 2</li> <li>Menu 3</li> <li>Menu 4</li> <li>Menu 5</li> <li>Menu 6</li> <li>Menu 7</li> <li>Menu 8</li> </ul> Script $(document).ready(function() { $("#test").hover( function () { $('.tester').slideDown(500); }, function () { $('

SlideUp and Slidedown on hover menu

由 。_饼干妹妹 提交于 2019-12-13 06:14:06
问题 I am having a menu which will show a slider on hover() . I have written it like this $(".menu2").hover(function () { $(".slider").slideDown(500); $(".slider").css('display','block'); }, function () { $(".slider").slideUp(500); //$('.slider').css("display","none"); }); This shows the slider.(I like to use slideDown() and slideUp() to look good). When I move my cursor to the slider it goes back to the display:none state. So I tried this $(".sliderHolder").hover(function () { $(".slider").css(

jQuery box height problem - using slideUp/Down

由 ぃ、小莉子 提交于 2019-12-13 05:40:11
问题 I have a box on my site that when a button is clicked, the box slides up, some new text is loaded into it, and then it slides down revealing the new text. Here is the code I have written for it in jQuery: $("#generate").click(function(){ var $target = $("#lyric"); $target.slideUp(); $target.queue(function(){ $("#generate").text('Loading...'); $target.load('lyrics.php', function(){ $("#generate").text('Get another lyric'); $target.dequeue(); }); }); $target.slideDown(); }); The problem is that
订阅 slidedown