JQuery :: Simple Toggle With Hiding Others?

Mar 15, 2011

I have some toggling set up, but I'd like to make it so when you toggle one, it resets all the others.

This is what I've been trying:

$(".note").click(function () {
$(".note_active").removeClass(".note_active");
$(this).toggleClass("note_active");
});

That doesn't work. However, when I change removeClass() to hide(), it hides the correct things (i.e things that are "active")

View 2 Replies


ADVERTISEMENT

JQuery :: Toggle - Hiding And Showing Alternative?

Jul 29, 2009

<script type="text/javascript">

Above is my JS. What I want to do is, click the button and have the vstar image hidden. Then when I click on the button again, the vstar appears, but now the flower is hidden. And clicking the button again, the vstar is hidden and the flower appears again, and so on...

<div>

View 7 Replies View Related

(jQuery) Hiding Columns \ User To Be Able To Toggle Main And Advanced As Visible/invisible?

May 26, 2009

I have 3 types of columns and they are identified by their class (in the TD and TH)... they are1. Always - cells that always appear - includes a primary key2. Main - cells that are necessary to be shown, but can be toggled3. Advanced - cells that are superfluous but helpful for the viewer.I want the user to be able to toggle Main and Advanced as visible/invisible. I tried the below code, which works, but, but since there's so much data it will lock up the browser and even invokes this ff error: "A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete. Script: jquery-1.3.2.min.js:19"My questions are basically, can this be done without freezing up the browser? (e.g. can I group columns together and hide each column, since I believe it's the sheer amount of cells that I am hiding?)Here is my code:here's my javascript (on top of jquery's inclusion)

Code:
<script type="text/javascript">
$(document).ready(function() {

[code]....

View 2 Replies View Related

JQuery :: Simple Toggle Script Won't Work?

Jun 10, 2011

I need a button that will switch on a div and the toggle between this div (link) and other one. I used jquery-latest.js:

<div id="button1"><button>Choice</button></div>
<div class="gal"><a href="1.html">1</a></div>
<div class="gal" style="display: none"><a href="2.html">2</a></div>

[code]....

View 4 Replies View Related

JQuery :: Simple Toggle Button Play - Pause

Nov 26, 2009

I can't get my toggle button to work.

Below is my jQuery code.

I have 2 css clasess 1st is play with a referenace to jpg play and the 2nd one has reference to pause.jpg.

All i want is simply to toggle between the two.

html:

css:

jQuery:

View 5 Replies View Related

Simple Method To Toggle Textbox Yes - No Using CheckBox

Dec 12, 2010

Looking for a simple method to Toggle textbox yes/no using CheckBox

This example does not work!

What I am trying to do:

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 :: Implement Toggle Without Using Toggle Function?

Feb 22, 2011

I'm extremely new to jquery and trying to write a toggle function without using the built-in functionality. From what I've read, this should be a fairly straightforward exerciseHowever, I'm running an issue. My code doesn't seem to do anything. Not clear to me why because nothing is erroring out? Here's what I've got:

<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // we will add our javascript code here

[code]....

View 1 Replies View Related

Toggle Div, Loading Content Externally On Toggle

Sep 1, 2011

here is my scenario:

I have a link and a div on a webpage. With the link I want to toggle the content (HTML) of the div. On toggle, I want to load the content from a PHP-file and I want it to load on the toggle, not when the webpage originally loaded (to reduce loading time on the webpage itself).

The file that is loaded on toggle doesn't have to be PHP, but it would help a lot.

View 1 Replies View Related

JQuery :: Hiding Div Tag On Mouseleave?

Apr 5, 2010

I am trying to display content when mouseenter the div tag with id="test" when mouseleave i want to hide the contents.It was working fine only once. I want it to repeat that when ever mouseenter or mouseleave.Test1.txt contains - just text

<html>
<head>
<style>

[code]....

View 2 Replies View Related

JQuery :: Hiding Several But Not All <tr>'s When Click On <div>

Sep 21, 2010

I have a simple HTML:

<tr><td><div class="panel">Click me 1</div></td></tr><tr><td>...</td></tr>... several tr's to be hidden on Click me 1 ...<tr><td>...</td></tr>
<tr><td><div class="panel">Click me 2</div></td></tr>
<tr><td>...</td></tr>

[Code]....

Is it possible to write jQuery code that will hide all <tr>'s that's under the <tr> with <div> (Click me 1) inside them? But not to hide those that's under the <tr> with <div> (Click me 2).

Class name "panel" must be same for all clickable <div>'s. <tr>'s and <td>'s can't have any class or id.

View 2 Replies View Related

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 All Other Object In Array?

Oct 16, 2009

i'm an actionscript3 developer who is somewhat new to js/jquery and am struggling through creating a site using jquery.I would like to be able to use the show/hide/toggle methods to switch between content using a standard navigation list. basically, what I want to do is this:1. store list of 10 <divs> in array with the id set to w1_blog, w2_blog, etc2. list of 10 links with ids = w1_blog_a, w2_blog_a, etc.3. store references to divs and links in array/s4. add event listener to each link5. .click event calls function that loops through each blog entry and shows the one matching the link (w1, w2, etc) and hides all others.I could do this in 2 mins in as3 but I'm struggling with the js syntax, despite it being very close to as3. It should (I think) look something like this:

$(document).ready(function(){
var blogArr = new Array();
var blogLinkArr = new Array();

[code]....

View 1 Replies View Related

JQuery :: Hiding And Unhiding 2 Forms With DIV / Possible?

Apr 29, 2010

I am in the progress of building a new website; the layout and stuff is already done for the most part, but I am having a problem with the two order forms on my website. Well not the forms themselves, more with how they appear (and disappear).Like stated I have 2 forms on my website. When coming to my website they should be hidden (standard). When someone wants to order they press the link for order form A or form B.

Is it possible to load a page within the DIV for example I want form B to include extra-info.php. Is this possible?If I understand correctly the above would be possible with jQuery with use of hidden DIV's. But I really don't know much about Javascript to pull this of myself.

View 3 Replies View Related

JQuery :: Hiding <li>'s In JQ Slider Menu?

Jan 28, 2010

I have some jquery running on a menu (here ) but before jquery loads, the content (all of the <li>'s) appear, then disappear once jquery loads. Is there a way to stop the brief displaying of the <li>'s?

The current jquery code is:

function initMenus() {
$('ul.menu ul').hide();
$.each($('ul.menu'), function(){
$('#' + this.id + '.expandfirst ul:first').show();

[Code].....

View 3 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 :: Hiding Browser ScrollBar

Jul 31, 2011

In a certain scenario in my application, I show a popup which is basically a simple div above some other semi-opaque div that is basically an overlay for the existing UI elements.My problem is that when the popup is shown, the existing UI elements, seen through that semi-opaque div, can be scrolled-down using the mouse wheel.I search the web for some solution to hide the browser's scrollbar, and the only one that worked is doing this [code]How can I 'translate' it to jQuery? Is there a nice way to write this piece of code using jQuery?

View 1 Replies View Related

JQuery :: Hiding Title And Alt Tooltips?

Aug 25, 2010

i'm trying to hide title and alt tooltips from popping up. i realized that tooltip plugins can hide the browser tooltip and display their own generated style. i am using plugins like fancybox and cycle which have been configured to use attributes for links and description therefore i need title/alt.

i've been unsuccessfully trying to write a function that onmousehover saves the title/alt attribute and empties the attributes (alt="" title="") so they don't popup, then restores them onmouseout.

i know it has something to do with .data() but I can't seem to get it working. i've tried breaking down very simple tooltip plugins, but once i start removing lines of code, it doesn't do anything.

View 4 Replies View Related

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 View Related

JQuery :: Hiding A Cfoutput Until Clicked?

May 26, 2009

i want to hide my phone numbers in an output page so that the viewerhas to click an icon to see it.i have the following jquery so far:

<!---JQuery test to hide phone--->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

[code]....

View 1 Replies View Related

JQuery :: Hiding A Menu In Superfish?

May 17, 2009

I want to make a dynamic menu where the items being shown depends on the access of the user. I tried having a code in codebehind of my aspx page that will set a certain li to style display none, but when viewed in IE6 I get a white space within the menu.

View 1 Replies View Related

JQuery :: Hiding And Showing <li> Tags?

Dec 20, 2009

I have an application, that will pull all articles associated with a user on a page.As some users have posted approx 100 articles, I want to hide all but the first 5, then have a link that will show the next 5 or the remaining article that are hidden (if less than 5)I have the following code:

jQuery.noConflict();
var numShown = 5; // Initial rows shown & index
var numMore = 5; // Increment

[code]....

View 1 Replies View Related

Jquery :: Superfish Menus Not Hiding

Oct 22, 2010

I'm usingSuperfish for a popout context menu and it works up to a point, then the screen gets littered with the visible submenu items that are no where near their parent.I have several "views", and 250 things with menus on 1 page seems OK, but 450 is not. I don't have one in between at the moment. Also, my "pages" are in jqueryUI tabs, the tab divs have a table in them, the table td's is where I'm sticking the ul for the menus. I have have many tabs and they all work, even with over 600 in total, it's just the one table with over 400 rows that doesn't look right.Is there some technical limitation on applying sf-menu class to a UL as a child to a table where it hits a ceiling, or do i need to make a mockup test case to figure out what's going on?

View 2 Replies View Related

JQuery :: Syntax With Hiding All Controls Except The First?

May 26, 2009

I'm still trying to get to grips with jQuery syntax,I'm working on an accordion-style menu and I'm struggling to get a hide behaviour to work.

Basically I want to hide all of the controls within my specified parent control which have an ID starting with "accordionBody_" except the first one. (So that the first pane is expanded and the rest are hidden on load.) I'm using the following:

$('#' + containerId).find("div[id^='accordionBody_']:not(:first)").hide();

But it's not working - it just hides all of the controls.

View 1 Replies View Related

JQuery :: Using To Slide Up And Down While Hiding The Previous?

Aug 31, 2009

and not sure how to title this post so excuse me if i'm not using the right terminology.my setupjavascript

<script src="scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script>
$(document).ready(function(){

[code]....

View 1 Replies View Related

JQuery :: Displaying And Hiding A Specific Row In The Table?

Jul 23, 2011

When you click the text "info" in the column "comments", a row should be displayed below with text information that is related to the "comments". Need also to click the text "Info" again to hide the text information of comments. Problem: I don't know how to display the row when you click one of the comments with the text "info". When clicking one of the link the remaining rows with the text "info" should not be affected. In order words, the part should be independent Need also some help hiding the text information of comments.

There are some things that you also need to take account to: - The amount of data that will be displayed in the table will be changed from day to day. The data is taken from a xml file.- Would like the sourcode to be written in jQuery.- Only html, css and javascript is allowed in this context.- html code in tr and td will be generated by javscript code.The class "firstDataRow" is the added in the tr row that has the text information of commentsPlease remember that the text hide and show is only for temporary.

// Fullmetalboy
<table border="1" SUMMARY="aaa" id="tblProject">
<thead>

[code]....

View 4 Replies View Related







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