JQuery :: .hide() Not Hiding Elements In IE

Aug 28, 2009

I'm having an interesting IE6 and IE7 issue that may just be par for the course. i'm curious if anyone else has run into this problem.

Here's the URL: [url]

I have a bunch of nested lists with IDs in certain ULs, like <ul id="collapse">. i'm trying to use jQuery .hide() to hide all the ULs with that specific ID. everything works as expected in firefox, safari, chrome, IE8, etc. but IE6 and IE7 seem to only notice the first UL in the DOM tree. so IE6/7 hides that first UL, then stops.

View 3 Replies


ADVERTISEMENT

JQuery :: Hiding Elements Using Each()?

May 27, 2010

why I'm getting an uncaught exception with this?

var nav = "navigation";
$link = $("#" + nav + " ul ul");
$.each($link, function() {

[code]...

View 1 Replies View Related

JQuery :: Hiding Some Form Elements?

Feb 13, 2010

I want to show or hide some tags of registration form with changing a combo
I wrote this code :

$('select[name=user_type]').change(function(){
FormType = $('select[name=user_type]').val();
switch (FormType)
{
case 'teacher': $('.teacher_form').show();

[Code]...

View 2 Replies View Related

JQuery :: Showing / Hiding Array Elements?

Aug 16, 2010

If you want to see what I'm talking about at any point, go to [URL] and hit the "web" button in the top-rightish area. Or, you know, check the source code, because you can't see any of that stuff right now.

So, I'm working on a portfolio for myself. And I want to make it for myself, because, well, I don't want to be lame.

My portfolio has three parts: stuff I've designed on the web, stuff I've written, and other stuff. Those are separated by the three buttons in the top right. You hit one, and the old visible item fades out, and the new one fades in. It's pretty.

Now, the "web" section is the problem. Right now, the div associated with it contains 3 div's. Each of those divs contains a p, and is not visible by default. On ready, I do this:

function readyFunction()
{
var pages = [];
submenu();

[Code].....

But when I try it out, nothing shows. It should show the first element, right?

I am aware that by calling toArray(), I am turning jQuery objects into DOM objects. That's not the problem, is it? How would I fix that?

View 1 Replies View Related

JQuery :: Sorting And Hiding List Elements

Apr 14, 2011

Let's say I have two lists for menus and one list for sortable content.

If I click on "A" in the #type list, the content list is sorted, the li's with the classes "B" and "D" are hidden by attaching a class of .hidden to display:none. In turn becoming:

My question is, how do I apply the new content results to the #location menu? If "B" and "D" are hidden then numbers "3" and "4" shouldn't be displayed. I'm having trouble getting the two to talk to each other. I've tried .is(':visible"), .each(), etc. and can't quite crack it.

View 1 Replies View Related

JQuery :: Show / Hide Elements Or Remove / Add Elements Based On Radio Selection By User?

Mar 14, 2010

I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:

<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>

[Code]....

View 3 Replies View Related

JQuery :: Hiding/showing Divs - Hide The Currently Shown Div And Then Slide In The Div Associated With The Button Clicked?

Oct 7, 2010

I awhen it comes to "developing" jQuery but I am trying to do something that is seemingly something simple but I can't for the life of me, figure out the best way to do it.

http:[url].....

Here, you'll see the area below the navigation that has five buttons which are supposed to help scroll between the five associated divs.All I want to do is hide the currently shown div and then slide in the div associated with the button clicked.http:[url].....Here is what the animation is SUPPOSED to look like but the problem is is that the correct one uses Prototype and I am trying to use only one library and jQuery is the most suitable because I use it for other effects in the site and jQuery and Prototype obviously don't mesh well.

View 3 Replies View Related

JQuery :: .hide() Not Hiding Element Before Document Is Ready In IE 6, SlideUp/slideDown Not Working In IE 6?

Apr 21, 2010

Basically, I have an element I want to hide before it is shown when a condition is met. For reference, it's checking whether a particular radio button is selected. if ($('[name="'+q1110.name+'"][value="'+q1110.value+'"]:not([checked])')) $('#_divhide').hide(1, function () { q1110.toggle = false; }); Right now, only in IE 6, it shows that element for a split second, then hides it. I don't want it shown at all unless the radio button is checked. As usual, I can't manipulate anything in HTML unless it's done through JS.

Also, the slideUp and slideDown functions don't work properly in IE 6. They do hide and show, but the animation isn't smooth. The element disappears and reappears without any animated effects. It's kind of a bummer since it works perfectly in FF 3.6.

View 2 Replies View Related

Hiding Elements Without Ids?

Mar 30, 2010

I got a table with hundreds of rows...and I want the user to be able to hide a single one by clicking on the table row.

How can I do this without typing in hundreds of ids like 1,2,3,4,5... Since you can't get elements by class and ids have to unique I'm not sure how to do this. Also the order of the rows will change when they get updated so it would end up being a mess of unordered ids.

View 16 Replies View Related

Hiding HTML Elements Without Using Javascript

Jan 17, 2006

Here's my situation:

1. I have a web browser component that does not support Javascript
(well it does, but we've disabled it)
2. I have to display some HTML in it, where the user has a link titled
"Hide|Show Options" that can hide/show a particular section of the
HTML.

I have not found a way to achieve it without using Javascript or any
other scripting language.

Is it possible to do this using pure plain HTML?

View 3 Replies View Related

Problems Hiding Form Elements.

Jul 20, 2005

I am trying to hide a drop down box in a form on a jsp page using the:

style.visibility="hidden";

The form element is hidden ok but my problem is that the space still
exists where the element is.

Can anyone tell me how to hide these elements so that they dont mess up
the layout of my form.

View 1 Replies View Related

Hiding Window Elements In FireFox

Jun 20, 2009

i've been searching the web for the best way to hide window elements in FireFox. But i'm not finding anything with clear defined answers.

View 1 Replies View Related

AJAX :: Hiding Elements In Response Text?

Aug 8, 2010

I have some pages being loaded via ajax and I want some of the elements hidden when the page is loaded.I could hide them with CSS and then change the css attribute when I want them to show but that just seems clunky to me since I'd have to assign <input style="visibility: hidden;"> to everything I wanted hidden on load. I know how to make it visible later when I need it.Using jquery's document.read doesn't seem like a good solution either since I'd have to make a list of everything I might want hidden right there on the main page.

View 5 Replies View Related

Preventing Delay From Hiding Long List Of Elements?

Jun 21, 2010

I am building a sort of tree view in javascript with items that can be expanded and collapsed (with default being collapsed).The problem is the page can get very large, and the user sees the the browser render the list with all the items expanded, and then sees them all collapse after half a second.[/quote]You could use a setInterval in the head section that's on a tight loop, that waits and watches for the tree, then hides it and removes the setInterval process.

View 2 Replies View Related

JQuery :: Hiding Empty Span - Ui-widget-header Class Appears To Be Stopping It From Hiding

Jan 30, 2010

I'm using the following css code which wrapped around a dynamically populated field;<span class="ui-widget-header platform ui-corner-all"></span>

When the span is empty I want to hide it, and I've used this jquery to do this.

However, the ui-widget-header class appears to be stopping it from hiding - if I remove this class it hides fine.

View 5 Replies View Related

JQuery :: Hide Elements In One Function?

Jun 29, 2011

Is it possible to hide more than one element using one .hide(); For example can something like this be done -

$('#one', '#two', '#three').hide();
as opposed to listing them individually like -
$('#one').hide();
$('#two').hide();
$('#three').hide();

View 1 Replies View Related

JQuery :: Hide And Show Elements With Same Link?

Jun 16, 2011

$('a.showContent').click(function(e) {
e.preventDefault();
$(this).each(function(i) {
$(this).parent().parent().find('.hide').slideDown();

[code]...

is also not doing it..how do I hide elements with same link that I used to show them?

View 4 Replies View Related

JQuery :: Hide Elements Cleanly, Not Appear Then Disappear?

Jun 16, 2009

i want to hide some elements on my site, but don't want to makethese inaccessible for users without javascript enabled. Some usersare complaining about being able to see that element for a splitsecond before the page has finished loading and the element is hidden.Is there a way in which I can hide the elements right from the start,

View 2 Replies View Related

JQuery :: Show/Hide Elements With Same Class?

May 5, 2010

oving jQuery at the moment, and have sort of hit a hiccup with showing and hiding specific elements with the same class. My idea is, what if I wanted to add a little button to show and hide the contents of a specific comment on a forum post, or blog, whatever. This would be easily done with id's but I'd like to just apply a class to each one of them and allow them to hide their contents. Here is the javascript and html as an example of what I am talking about.

[Code]...

View 2 Replies View Related

JQuery :: Show Lists With Less Than 2 Elements And Hide With More Than 2?

Sep 9, 2010

i've got a question. I would like to show childlists in a sidebar which have less than 2 elements in it, and hide childlists which have more 4 elements in it.this is what i got til now:

$('.sf').children('li').children('ul').length <= '2'){
$('.sf').children('li').children('ul').show();
}

but with this code, all childlists will be shown.

View 2 Replies View Related

JQuery :: Hide Different Elements In A Repeater Control?

Sep 21, 2010

I have several elements in a repeater control like this:

<table id="Table2" class="table2" align='left' style="padding-left: 3px;
margin: 0; width: 400px;">
<caption>
Blah

[Code].....

However the problem with this is that when I change the dropdown box it changes the hide/show status for every item in the repeater.

What is the best way to only have it hide/show the items in the repeater where the dropdown box is located?

View 4 Replies View Related

JQuery :: Incrementally Hide Items From Set Of Matched LI Elements

Aug 19, 2010

I am new to jQuery and I am having trouble with the syntax, selectors and refining when trying to create functions. What I am trying to achieve: I have a gallery consisting of a ul with images placed in vertically stacked list items. The ul is in a fixed size wrapper with overflow:hidden so only the first list item displays. The user clicks a button and the first li is hidden using hide(400). This makes the other list items flow up and reveals the second list item within the wrapper window.

When the last list item is visible, the click will show(400) all of the list items again, causing them to flow back into order and only the first item will be showing again. Further clicks will repeat this process from the beginning. I know what I would like to do in terms of code, but I am having trouble with the correct syntax, selectors and refining. I have included the html and description version of the code I was hoping to create. I know the code could be much more efficient by placing functions into variables and testing for true false, but I would like to see the steps with my longer code description for learning purposes. Perhaps afterwards someone can blast it off in two lines.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>list hiding test</title>
<style>
.listWrapper {
height:25px;
width:380px;
background-color:#d6d6d6; .....

View 2 Replies View Related

JQuery :: Show/hide DIV Elements Depending On Select Value?

Aug 4, 2010

how one can show and hide a div element using a pulldown menu. i need the different selections in the pulldown menu to show hidden DIV elements on the page. this will be used in a system where i only have access to the template, so the only approach i can use is jquery. how to change it for the specific selectors i need.

<!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].....

View 2 Replies View Related

Div Elements Are Hiding Correctly - Style.visibility = "hidden"

Jul 2, 2009

Take a look at my testing website: [url]

You'll find the following javascript in the source code:

Now this all works...well, sorta.

The DIV elements specified are hidden when the page is first loaded.

These DIV elements then re-appear (as programmed above) when the mouse pointer is hovered over them.

These DIV elements are listed on the right-hand side of the test webiste.

They contain the Google Ad's you will see listed along the right-hand side of the website.

However, you were not suppose to see the Google Ad's when the website first loads up.

The DIV elements are initially hidden, but the Google Ad's contained in the DIV elements are always visible!

I want the Google Ad's to only appear if a mouse pointer happens to hover over them ( a little test of mine.)

I don't get it...the DIV elements disappears when appropriate, why not their contents: the Adsense?

View 3 Replies View Related

JQuery :: Show/hide Form Elements Based On Radio Button Selections ?

Mar 17, 2011

I have a set of radio buttons on my pricing page:

And a corresponding text_field input element div I'd like to display based on which radio button the user selects:

When the page loads, I'd like to see:

When the user clicks on a (different) radio button, or clicks one for the first time, I'd like whichever div is currently showing to be hidden, and the newly selected one to be shown.

Right now I have jQuery code at the bottom of my page that looks like this:

For each of the four options.

When the page loads, the correct div is shown, and when I select a new button, the new div is shown, but the already showing one isn't hidden.

I've read some posts that suggest using change() instead of click(), but others indicate that's problematic in IE.

View 1 Replies View Related

Hiding A Heading - Hide A Title / Heading If A Field Below Is Not Filled In

Jan 17, 2011

If I want to hide a title / heading if a field below is not filled in, what would be the js for that?

I have an "Attachments" h2 heading and three following fields for the client to add up to three attachments. But if none are filled in I want the h2 heading to not display.

This is what I have so far:

This should take care of the three fields, but how do I tie in the heading too?

View 3 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved