JQuery :: Menu SlideUp Is Very Erratic?
May 11, 2009
I've inherited some unfinished code for a menu system (previous developer left the company before he could finish it). The menu worked fine until the client wanted some nested lists, which is when the height was being set incorrectly. I had a fiddle and I can get the height to report correctly, but it's extremely erratic as to when it will actually drop down. I've stripped the code out into a file on its own, complete with a lovely colour scheme. the code I added can be streamlined somehow. I'm only just getting to grips with JavaScript & jQuery. Test version:[URL]..
View 3 Replies
ADVERTISEMENT
Jun 17, 2011
I've managed to get my menu to slideDown() but I haven't been able to figure out how to get it to slideUp when my mouse leaves the menu. Here is my code:
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
[Code]...
View 3 Replies
View Related
Feb 4, 2011
I have sort of got it working....... The javascript seems to be very erratic though. Sometimes it just won't bother executing it's commands!! For example, I've asked it to reload the page after it has completed it's job. And also to output the result so I can see what's happening. Sometimes, even though it does the database part, it doesn't bother to let me know or to reload the page!Also, sometimes, it will let me know it's done it's job, and then it will reload the page, but then I will find it hasn't actually done anything in the database! I can't understand why a script can appear to have a mind of its own!!
The other thing I'm bothered about is the messy look of my script. Because I have 3 forms, one to add a category, one to remove a category, and one to rename a category, I have had to duplicate the javascript function 3 times, giving each one a unique name to be called by the relevant form.Here's the full script.
Code:
<script type="text/javascript">
function remove_category()
{[code].....
View 2 Replies
View Related
Sep 6, 2010
I have 9 boxes which I can drag around an invisible grid however when the onMouseDown function is called for the first time on each of the boxes, they behave erratically, then once all boxes have been clicked once, the entire script works as it should. I've tried using default values when declaring the variables however it doesn't seem to do anything.
<html>
<head>
<script language="javascript">[code].....
View 6 Replies
View Related
Aug 22, 2009
The JavaScript below behaves erratically - sometimes the timing is perfect, at other times it show 20 mins has passed when only 6 has in reallity - quite some gain - I'm baffled!
Public Function SessionTime(ByVal DivName As Panel) As String
Dim vTime As String = "var sessionTimeout = 19; " & vbCr
vTime += "function ReadCookie(cookieName) " & vbCr[code]....
View 3 Replies
View Related
Sep 2, 2011
[url]
I have used jquery to hide and reveal the content areas of my page. The issue is that on slideUp/Down the div's right and bottom edges vanish. I don't know why?
View 2 Replies
View Related
Oct 13, 2011
I am newbie in Jquery. I just create simple effect slideUp it work well with firefox, chrome but IE9. After slideUp it appear again before totally disappear.[code]..
View 3 Replies
View Related
Feb 16, 2011
I'm trying to use slideUp and slideDown, they seem to be working in terms of being Up and Down but there is no sliding between these states,My CSS:
HTML Code:
#sub-nav{width:240px; min-height:240px; padding:0; background:url(../images/80-opacity-bg-fill-purple.png) repeat; overflow:hidden; position:relative; z-index:4; display: none;}
[code]....
View 2 Replies
View Related
May 24, 2011
I have written some jQuery but the slideUp is not working. If I use alert('Saved'); as the success then it works but slide up isn't..
Code JavaScript:
<script>
$(document).ready(function(){
[code]....
View 7 Replies
View Related
Nov 17, 2011
I want make a function fire when an element slidesup. I use slidetoggle to make the element appear and dissappear-i have attached a callback to it but it fires on slidedown-on clicking the element.
I do not want the function to be called on the slideDown phase of slideToggle but on its slideUp phase.
View 2 Replies
View Related
Apr 24, 2009
I have the following code:
$(document).ready(function() {
$('.artistspanel').hide();
$("#teamcontainer h2").click(function(){
[code]....
View 4 Replies
View Related
Jun 23, 2009
I am trying to slideUp a container Div and using the slideUp'scallback parameter call slideDown on a different element that is notinside the slideUp container Div:
$("#pageWrap").slideUp(1000, function(){
$("#externalform").slideDown(500);
$("#btn_uopBack").fadeIn(250);
[code]....
View 3 Replies
View Related
Dec 14, 2011
I have a page that load in a div when a link is clicked, this page slideUp if there are another page loaded and slideDown, I use this code to do this:
content.slideUp();
content.load("models/st1350/desc.html #section_1350_desc");
content.slideDown();
[code]....
View 1 Replies
View Related
Mar 28, 2010
I developed my site using IE 8, and had no problems. However, after incorporating jQuery into my site, I found that it did not work with Firefox . Please tell me what I need to do fix it for FF
View 3 Replies
View Related
Oct 19, 2011
I would like to do the opposite of the norm: show an element by sliding it up, hiding it by sliding it down.. is this possible?
View 4 Replies
View Related
Jun 19, 2009
first of all I find it quite hard to find the right words for what I'm trying to achieve. I want the slidedown/slideup to do exactly the same but flipped 180°. A collapsed container should inflate up and not down.
View 2 Replies
View Related
Mar 11, 2010
So, I have this little script:
<script type="text/javascript">
$(document).ready(function(){
$("#contactLink").click(function(){
if ($("#contact-container").is(":hidden")){
$("#contact-container").slideDown("slow");
}
else{
$("#contact-container").slideUp("slow");
}
});
[Code]...
View 4 Replies
View Related
Sep 28, 2010
http://facetofacetutoring.com/navtest/ogs_nav.htmlGo to the products link...
View 1 Replies
View Related
Aug 30, 2011
I'm having a tough time implementing stop() to preventqueuingon an animation that uses slideup/slidedown on hover. The issue relates to the search icon in this fiddle:[url]
It's unclear to me why ".stop(true, false)." isn't working as it does on the animations of the other icons. I thought maybe this was a job for dequeue, but that's not helping either.
The other icons use animate to adjust the background position, and stop(true, false) works perfectly to keep them smooth and preventqueuing. The same is not true on the search icon. It queues hovers without a stop; with a stop(true, true), it's jumpy and resets mid animation; and with stop(true,false), it gets stuck after one cycle.
The reason I used slide on the search icon was because I had to float a div that would would move with the animation and would be clickable to stop the animation on focus -- when a user clicks in the search box.
View 1 Replies
View Related
Oct 26, 2010
I would like slideUp to show some text and slideDown to hide the text. Is this possible? If so, how do I do it?
View 2 Replies
View Related
Jul 21, 2010
I have a six DIVs, each containing another DIV that slideUp and/or slideDown upon a click on the its parent DIV. Each DIV has a textbox, or a datagrid, or a textarea and a button (to save the data). I have a click function attached to the parent DIV that changes the class of the child DIV (expanded/collapsed). Also, the click function calls another function to save the state of each child DIV. The idea being to maintain the state of the DIVs upon return from postback.
The slideDown and slideUp work upon the page load, or going to another page and returning to the page (not using the back button). The slideDown/slideUp cease to function when I click the save button within the DIV and the postback occurs. The other DIVs function as intended after the postback until I click a button on one of the remaining functioning DIVs, and then that DIV is now not functioning as intended. It acts as if the slideDown/slideUp was replaced with show/hide. The state of the DIVs are maintained upon postback.
View 5 Replies
View Related
Jun 2, 2009
I am new to jQuery and already I'm seeing problems with the built inslideDown()/slideUp() animations. I'm using a flexible width <table>element, and when I use the function, the element does not return toit's full width. I am thinking this has something to do with the wayjQuery finds the width of the element. Below is the html for the page:
<div id="archive">
<h2 class="first open">May</h2>
<table width="100%" cellspacing="0" cellpadding="0" border="0"
[code]....
View 1 Replies
View Related
Jul 15, 2009
$("#addURLSArea").hide();
$('.jqTransformCheckbox').click(function(){
if ($('#multCheck:checked').val() == 'on') {
$("#addURLSArea").slideDown();
} else {
$("#addURLSArea").slideUp();
}});
I want to use this 4 times on a form. How do I change this so I can have it target 4 different divs?
View 2 Replies
View Related
Jun 3, 2011
I'm using Jquery API slideUp and slideDown for my site when i click on a group of channel, a list of it's detail will appear as slideDown slowly and the others will disappear slowly. At first element i click it work fine, but from the second element it just disappear and appear not slide up or slide down. You can see it at URL :
[Code]...
View 3 Replies
View Related
Dec 13, 2010
I'm having a little issue with assigning a slideDown / slideUp effect to my Mega nav. The problem is that when hovering over the individual tab the slidedown effect causes all submenus to slidedown at the same time, instead of the individual tab over which I am hovering. I'm sure that there is a simple way to fix this - I've tried first child, calling specific divs etc, but without success.here's the menu
<li class="mega"><a href="foo">Foulineous</a>
<div class="megafly">
<div class="col1">
[code]....
View 1 Replies
View Related
Aug 9, 2010
I am still using jquery a while but wouldn't rate my jquery knowledge very good. Actually i am trying to build an accordion based on slideToogle() and slideUp()... The only problem atm is that opened <ul class="children">...</ul> wrappers(yes they are the tooglin elements...) doesn't get closed, i think i missunderstud .siblings() and the hierarchy...?
[Code]...
I also asked myself if there is the possibility to detect if the first level <li>'s have a <ul class="children">...</div> inside - you can see it in my example that the last 2 first level <li>'s doesn't have any included. I would make sense to handle that 2.
View 3 Replies
View Related