I'm newbie to jQuery and java script, i try to make show/hide effect for block with product info like here URL... (square images with rollover info).For example i have code this code (effect could be slideToggle or show/hide):[code]But when i add some tags inside div "bo2" like <div>some text 1</div> or <p>some text 2</p> etc. this parent div start flickering on mouse moves.
View 2 RepliesI have a table that Im hiding during the initial load that has a considerable amount of data. (I dont design'em, I just code 'em).
During the .show, .hide ... functions I would like to display a please wait msg. But I cant seem to find a way to do an async function. As the callback functions only deal with sync ...(I think)
Recently I've been using a .slideToggle script to show big images when thumbnails are clicked.
However, the <div> that is revealed does not Toggle Up when multiple thumbs are clicked, so I'm left with a bunch of open <div>s on the page.
I'm not sure what to do -- I think it has something to do with the siblings of the class "largeexamples" but I'm not sure. I've also been reading about eq, but I'm not there yet.
live:
Code:
I work on a website and the client wants jQuery on the menu. When a user clicks on "webdesign" link menu a shadow goes down with some text on it(you can try it).Right now when I click on that webdesign menu link, the other one "ipone apps" goes down too, but the owner doesn't like this. He likes that shadow, but he doesn't want to see that other menu link to be moved when he clicks on other menu link.
View 3 Replies View RelatedI am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
Code:
I have this code
// nascondi l'immagine principale
function hide_main_div()
{
$("#policy div:last-child").hide();
[Code]....
But, passing too fast from a text-box to another, the main div will not be hide. How can I solve it?
I used jquery for building my portfolio and created a carousel like widget. [url] everything is working fine except for animating in firefox - where the animation flickers a bit to the sides. I tried turning off css rules for the carousel with no luck.
View 2 Replies View RelatedMy accordions work great, but in IE 6 or 7, when the animation is done, the entire contents of that div flicker for a split second. Is there a solution to this? My page is here [URL].
View 2 Replies View RelatedI have a small accordion I'm using for a menu for a local A&W francise (Demo: [URL] When you view it in either Chrome or Safari, you get a flickering that is quite annoying. Does anyone know what is causing this or how to fix it?
View 1 Replies View RelatedI am having problems, basically I have a set of nested lists I need to show and hide
Code:
<ul id="smenu3"><ul id="smenu4">
<li>stuff here..</li>
<li>stuff here..</li>
<li>stuff here..</li>
</ul><ul id="smenu5">
[Code]...
I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...
[Code]...
I coded the following and it does what I want but the cursor flickers annoyingly in the input field in IE.The code I have is (BTW -- am using this in a Java development environment and the '$' had to be changed to 'JQuery' for this to work...):This is supposed to fade in and fade out the groupTip div block.
jQuery("td.divisionTrigger input, td.groupTrigger input, td.hqTrigger input").focus(function(){
jQuery("#groupTip").fadeIn(80);
}).blur(function(){
jQuery("#groupTip").fadeOut(80);
});
I have some divs laid on top of each other. By clicking somewehre specific I want to hide all the divs but except for one - which is related to the point i clicked - to show up.Here is my code so far:The function will be called by something like this:
<a href="javascript:void(0)"><img src="album_emilia.jpg" width="90px" height="125px" onclick="setAlbum('emilia')"/><p>Emilia</p></a>
function setAlbum(album) {
$('.right_nav').each(function() {[code].....
All these divs are in the same from the right_nav-class.I guess the problem lies within line 6, where I want to select the div that should show up and is given as the argument of the function.The commented lines are things I already tried, but didn't work either, especially $(this).style seems to be invalid.It does hide all divs as i want, but the one i want to show again doesn't show up. It just stays hidden...
I got this example code which show rows when click on it, the problem is it shows all but I want if I click on one row it shows that one and hide others.
<head>
<title>Jquery Table Display</title>
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.tabledisplay-0.2.js"></script>
[Code].....
i searched the forum, but did not find a working solution for my problem. IE6/7 are not hiding the divs in the $(document).ready function. Tried also:
$("#closed").css('display', 'none'); document.getElementById('closed').style.display = 'none'; It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container. All other browsers are working fine.
[Code]...
the box. Anybody know what's wrong?i have the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I'm trying to get jquery to show a specific div "apDiv2" after a hide effect. Basically the click function will hide all divs with ids containing 'adDiv' in the id and then I want to fade up a specific div based on the id of the clicked object. It hides all the divs correctly but the show doesn't seem to work.
[Code]...
I am trying to learn jquery. my example below is to show and hide content in a group divthe code works but i want to know if this is best practice to write what i did. Is there better way to do it?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
> <head
[code]....
Need to use one single button to toggle the show and hide for divmy code looks something like this
function showTable(number){
$('#div_'+number).show('slow');
$('#button_'+number).html("Hide Table");
$('#button_'+number).click(function(){
[Code]...
I'm having a problem on: [URL] I've got a menu on z-index:0; and a footer on z-index:1; if you're doing a mouse over, the menu pops up under the footer. But the menu is longer than the footer (it's a png image) so you see the menu stock under it what isn't exactly the meaning. if there was a overflow-bottom:hidden; it's was solved but now i don't know what to do!
View 3 Replies View Relatedjquery hide & show table row concept
View 1 Replies View RelatedFor me one of the best things about jQuery is that I don't have to worry about browser compatiblity.I wrote some code to extend an excisting jQuery application (Galleria) and only tested it in FireFox. I split a long list with thumbs in several blocks: deel0, deel1, deel2 etc. After that I hide every block except the first one. If the visitor clicks on "Next serie" I hide the first block and show the second. All seemed to go well until I tested the page in IE6. The jQuery effects "hide" and "show" work fine in FireFox but not in IE6. When I click on "Next serie" the next block of thumbs don't show.
[Code]...
[code]I want div 'LoggedOut' to be switched with div 'LoggedIn', based on user login condition. If logged out show div 'LoggedOut' else hide 'LoggedOut' div and show 'LoggedIn div'.
View 2 Replies View RelatedI'm using a simple jQuery show/hide toggle effect for the FAQ on this page:
[URL]
I would like to add Show All / Hide All links to the top and bottom of the page that will show and hide all answers at once.
I have this code, which of course works perfectly in everything but IE:
var
showHide=
function
[code]....
Note that these issues are specific to IE8, and I am using for the purpose of creating a program which works in IE, FF, Chrome, so I've only tested my solutions in those 3. I wasn't sure whether to start this as a question (as I am asking for an easier solution) or if I note it as a problem or discussion.
Any time I've used .show(x) where x > 0 on anything inside of a table, I get this "flicker", which has been mysterious to me for a while. As I need the row to expand it's height when the object grows, so I can't use "position:absolute;", which I found as a suggestion elsewhere (and does work...if the space is already allocated).
[Code]...
I hope this helps anyone who is having the IE "flicker" issue, and I hope even more that someone out there can give an easier solution!
I want to have a couple of links like
'Link1' >> opens box1
'Link2' >> opens box2
'Link3' >> opens box3
The boxes are not closing good?
I have this code but something is going wrong:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....