JQuery :: Classname Of Link Not Toggle Between Plus And Minus

May 10, 2010

I've just recently become enlightened by jQuery and would like to add it to my site, but I'm having a little trouble. I made this basic function:
function showPanel(id) {
var panel = $(".further_info." + id + "");
panel.slideToggle();
$(this).toggleClass("minus");
$(this).toggleClass("plus");
}

To give an example of its use:
<a class="panel_control plus" onclick="showPanel(0);"></a> <div class="further_info 0"></div>
The panel is displayed correctly, but the classname of the link isn't toggled between "plus" and "minus."

View 2 Replies


ADVERTISEMENT

Jquery :: Toggle Plus / Minus Image And Animate Photo

Jun 23, 2011

How to do this but still can't figure it out. I'm currently reading jQuery from novice to ninja but I'm no where close to a ninja. I have a div containing list items, a photo, and a plus/minus button at the bottom of the div. The list items are absolutely positioned behind the photo. When I click on the plus button I want it to change to minus and animate the photo 29px from the top revealing the list-items behind it. Then I want to click the minus button changing it back to plus and animating the photo back up to the top.

I'm trying to accomplish something very similar to what you see on Kyanmedia.com. Except their images animate down and up on hover. I want my image to animate down then up on click and toggle the plus/minus image. I'm new to jQuery so I'm having a real hard time trying to figure this out. Everything I've tried doesn't work. The links to Kyan Media to get an idea of what I'm trying to do.

View 1 Replies View Related

Swaps A Toggle Image For News For A Plus Or Minus Sign Showing If The Div Is Open Or Closed

Dec 11, 2009

I have this little snippet of code that swaps a toggle image for news for a plus or minus sign showing if the div is open or closed. This code has worked before but i made a couple modifications today and it stopped working unexpectedly and i'm not sure why its failing. I am presetting the div tag with a plus sign with css and then modifying it with javascript. The problem i am having is that when the div tag has been opened it does not swap the image to min.gif anylonger. It remains max.gif.

[Code]....

View 5 Replies View Related

Change Link Color With .className

Feb 19, 2009

I am using some code I found on the internet to make all my external links in a new window. Also, I want to make these links gray. I think I once heard you coulden't change link colors at all once a page was loaded, but I may be wrong. In any case, it won't work.

Here is my code:

Now I find I can't make them open in a new window either.

View 1 Replies View Related

JQuery :: Suppressing Toggle On Link Click?

Apr 13, 2009

I'm using the jquery.treeview plugin to build an outline. Each element within the outline has a link to the side of it that runs a javascript function. I'd like to have users click on this without triggering the toggle of the element. Below is a very simple html file that shows the problem- each element has a [+] to the side of it- when you click on that link, in addition to the alert, the group will expand or contract. Any ideas how to suppress that when clicking on the [+], but allow it when clicking on
the text itself?

[Code]...

View 1 Replies View Related

JQuery :: Toggle() On A Link In IE8 Not Working Properly?

Jan 18, 2011

I have ran into an issue, where the toggle() on a link is not toggling between the two.

$(".toggle a").click(function(event) {
event.preventDefault();
$('a', $(this).parent()).toggle()
});

[Code].....

When I click Existing members, it dissapears and Close Login appears. When I click Clos Login panel it dissapears but Existing Members does not re-appear.

I have tried using toggleClass() as well as using :hidden & :visible selectors. I am at wits end.

View 3 Replies View Related

Jquery :: Toggle The Next Sibling Of A Link In A List?

Aug 6, 2010

I want to toggle the next sibling of a link in a list like this,

Code:

<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a>

[code]....

first of all, it seems fine - I can toggle the targeted sibling, but why after the first toggle at any parent, I have to click twice sometime to hide other siblings when I click/ toggle at the current parent? [URL]

View 15 Replies View Related

JQuery :: Link Click Toggle Div With Multiple Contents

Sep 8, 2010

i'm looking for something special i guess. cause normaly i'm googling for something i have in mind, put jquery to the search string and voila, but this time i've searched for almost 3 days and give up now.

i am trying to implent a references site. the idea is that you have 1 html site with a list likereference 1reference 2reference 3 ..... with clickable links underneath.

then you have an element centered or somewhere else on the site (e.g. defined as a div area)

now if you click on reference 1, the centerde div should fade in the text, maybe with pictures too. if you click on reference20, the centered div you fade out and the content of reference 20 should fade in an the exact same place.

View 1 Replies View Related

JQuery :: Toggle Text Link To Change Parameter?

Jun 15, 2010

Trying to have plain text that you can click (div of newslink) which toggles the right parameter of other element (div of rightSidebar). Set rightSidebar initially with css: #rightSidebar {right:200%}

Here's what I have for script, but still not working:

<script type="text/javascript">
$j(document).ready(function(){
$j('#newslink').toggle(
function()

[Code]....

View 2 Replies View Related

JQuery :: Select All Inputs That Have A Value Containing A Minus Sign?

May 29, 2010

I am so close to finishing this project and I stumbled upon this block...

<div class="line first">
<input type="text" value="0,00" class="nbr first">
<input type="text" value="" class="date">
<input type="text" value="" class="date2">

[Code]...

I have here two inputs with class nbr. The initial values are set, and those values change programmatically over time. My list of inputs is a lot longer than this but I simplified. You can see the work in progress on [URL]. Just insert two random dates in page1 with the datepicker and the navigation will appear. At the end of a series of calculation I need to grab all inputs with positive numbers, and all inputs with negative numbers.I was thinking of selecting all fields with nbr class first, then use .filter() with a function

edit: nevermind, I found it.

$('input.nbr.first').filter( function(){
if($(this).val().indexOf( "-" ) !== -1) {return true} else {return false}
} )

View 3 Replies View Related

JQuery :: Saving Chain Minus A Selector?

Feb 24, 2010

I've checked Google and searched the jQuery forum and didn't see anything. Is there a way to do the following as I'd like to use the same chain multiple times with with different selectors:

var chain = .attr('value', 'Search Digital Collections').css('color', '#E0E0E0');

View 2 Replies View Related

JQuery :: Make An Image Map Area Link To Another Page And Open A Specific According Section Via Slide Toggle?

Oct 31, 2011

How to make an image map link to another page AND open a specific accordion section?I guess I need a script that knows which area of the image map was clicked and not only navigate to page 2 but opens the section via slide toggle I need it too.Here is the the page with the image map (although image map version not upload yet so I have what will be uploaded below)[URL] ...and the page I need to navigate to based on the area of the image map clicked and also slidetoggling the div I need it [URL] Here is the image map:

<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<img src="/Img/Illustrations/kicktalkv2.jpg"" alt="Kick Talk" usemap="#kicktalk_map" />

[code]....

View 2 Replies View Related

Toggle DIV Visibility After Link Followed

Oct 29, 2011

I've got a script that toggles the visibility of a div on "dashboard.html":
$(document).ready(function(){
$("#add_networks_wrapper, .remove_box").hide();
$(".toggle_add_networks").show();
$('.toggle_add_networks').click(function(){
$("#add_networks_wrapper, .remove_box").slideToggle();
});
});
On "dashboard.html" it works great. The div "add_networks_wrapper" is hidden until I click the link that toggles it. What I need is a link from a different html page (say "account.html" or whatever) to open "dashboard.html" with the hidden div's visible.

View 1 Replies View Related

Toggle Div Visibility After A Link Is Followed

Oct 29, 2011

I've got a script that toggles the visibility of a div on "dashboard.html":

On "dashboard.html" it works great. The div "add_networks_wrapper" is hidden until I click the link that toggles it.

What I need is a link from a different html page (say "account.html" or whatever) to open "dashboard.html" with the hidden div's visible.

View 7 Replies View Related

Toggle Visibility After A Link Is Followed

Oct 29, 2011

I've got a script that toggles the visibility of a div on "dashboard.html":

Code:

On "dashboard.html" it works great. The div "add_networks_wrapper" is hidden until I click the link that toggles it.

What I need is a link from a different html page (say "account.html" or whatever) to open "dashboard.html" with the hidden div's visible.

View 2 Replies View Related

How To Toggle Hidden Row For Corresponding Link

Mar 1, 2010

I've got rows of divs in this manner
<div class="row">This is row 1 <a href="click">click here to show more</a></div>
<div class="hidden row"><p> hidden text for row 1</p></div>
<div class="row">This is row 2 <a href="click">click here to show more</a></div>
<div class="hidden row"><p> hidden text for row 2</p></div>
<div class="row">This is row 3 <a href="click">click here to show more</a></div>
<div class="hidden row"><p> hidden text for row 3</p></div>
<div class="row">This is row 4 <a href="click">click here to show more</a></div>
<div class="hidden row"><p> hidden text for row 4</p></div>
I wish to have some javascript to toggle the hidden row for its corresponding link.

View 3 Replies View Related

Pass Id From Href Link & Toggle On Off?

Oct 28, 2010

i have a little function that uses a checkbox to turn off or on a map layer

function toggleGeoXML(id, checked) {
if (checked) {
var geoXml = new GGeoXml(layers[id].url);

[code]....

View 5 Replies View Related

Change Link Text And Toggle Checkboxes On/off?

Jun 5, 2011

I have a textual "link" that, when clicked, I want the text to change, and I want a number of checkboxes to be toggled on or off. Here's my code. Currently, I just have the text changing - I don't know how to simultaneously check/uncheck checkboxes.

<head>
<script language="JavaScript" type="text/JavaScript">
<!-- toggle off and on, currently unused -->
function checkAll(checkname, exby)

[code]....

View 10 Replies View Related

Link To Toggle Visibility On A Separate Page?

Oct 29, 2011

I've got a script visibility of a div on "dashboard.html":

Code:
$(document).ready(function(){
$("#add_networks_wrapper, .remove_box").hide();

[code]....

View 1 Replies View Related

Toggle Link Text And Show / Hide ID Onclick

Apr 20, 2010

I am trying to create a Link that changes its currently displayed text and also toggles the css.display property from inline to hidden. I'm sure there are solution outs there btu I have not been able to find one that does both functions with one click properly and is also easy to implement for people not as familiar with html and javascript. Obviously I am trying to create a show more, show less type link. currently this often shared code works fine to change the current state of the target ID's css.display from none to inline. My end goal is to be able to not only toggle the display of the LONG1 div but to also change the innerhtml of 'short1' from "Show More" to "Show Less".I am still learning about JS so Im really rough around the edges. I tried some different techniques btu I dont ahev them posted on my work pc.

View 14 Replies View Related

Using A Minus In Javascript

Dec 3, 2006

I have the following link to bring up an alert with a figure in it based on
the screen resolution. but instead of displaying a number 'NaN' is
displayed.

<a href="javascript:alert('Your ideal estimated height is '+
screen.height*0.55-screen.height*0.2);" class="BodyLink">Click to calculate
height </a>

But when I remove the part of the equation '-screen.height*0.2' a figure is
displayed properly. Why doesnt it work when I have a minus in the equation.
Im not experienced with javascript so excuse if this is a basic question..

View 19 Replies View Related

JQuery :: 'Close Panel' Link Appears In The #panel Itself And Doesn't Swap / Toggle With The 'Login | Register' Part

May 3, 2011

I'm loving this: Sliding Login Panel with jQuery 1.3.2 However, I'd like it to work so the 'Close Panel' link actually appears in the #panel itself and doesn't swap/toggle with the 'Login | Register' part.

View 5 Replies View Related

Passing Plus Or Minus As A Variable?

Dec 26, 2011

if I wanted to set a variable with radio buttons to decide whether a function adds or subtracts, I know I can't do this:

<body>
<input type="radio" name ="op" onclick="op='-'">count up: <input type="radio" name ="op" onclick="op='+'">
<script type="text/javascript">

[Code].....

View 13 Replies View Related

Check To Make Sure Number Isn't Minus

Jul 6, 2005

I have a form with about 15 input boxes. I need a function that will run onChange in each input box. This function has to check if a number is - or +. If it is -, I need it to throw out an error.

View 2 Replies View Related

Trigger Combination Of Ctrl + Minus

Oct 24, 2010

I need javascript to trigger the combination of ctrl + minus. Is it possible. I need this because the design of the webpage I'm working on is looking much better at 83 % zoom which couldn't be achieved by CSS zoom property in mozzila firefox.

View 2 Replies View Related

JQuery :: Get The Actually Monthname As Classname?

May 26, 2011

I have an menu [unsorted list (ul)] with month named li. This li have also an anchor nested with a class with the month name

<ul>
<li><a>Test</a>
<ul>
<li><a class="januar">Januar </a></li>

[Code]....

View 6 Replies View Related







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