Click on any of them, and they open up just fine, however, after this point they dont close, and you also can't open any other one, it just... stays stuck there.
I had this working just fine, and in the process of working with wordpress and templating, obviously I changed something to mess it up.
I have a single page which uses tabs to segment the content. Alongside the tabs themselves is a button for 'Help'. I'd like this button to open a different DIV depending upon the tab that is currently being used.For example, if I am on a tab for 'Ben', if I click the 'Help' button I want the 'helpBen' DIV to slideToggle.If I am on a tab for 'Paul', when I click the 'Help' button I want it to open the 'helpPaul' div.
Some extra needs:
1. switching to a different tab should close the currently open help div (e.g. helpBen or helpPaul)
2. There should only be one help div (e.g. helpBen or helpPaul) open at any one time.
I partly solved this with the following code but with erratic results and I'd like to know what I'm dong so wrong!Here is the HTML for the help button:
<a class="helpTrigger" href="#">Help</a>
The help DIV's are like this:
<div class="helpBen">help relevant to Ben section</div> <div class="helpPaul">help relevant to Paul section</div>
The CSS for .help is display: none; by default so none are shown from the outset.
And here is the jQuery $(".helpTrigger").click(function(){ if (location.hash == '#Ben') {[code].....
In the words of Dr Evil, "throw me a frikkin' bone here..."
I have been able to get jquery to toggle the submit buttons except it is now not working in IE6.
Can someone please take a look at the code below and let me know how i can get this to also work in IE6 please... unfortunately my client wants it to be IE6 compatible!
I´m trying to add some simple functions to a web page I recently created
This is the JQuery script:
$(document).ready(inicia); function inicia(){ $("ul.sub").hide(); $("li.familias").click(mostrar);
[Code].....
Ok this are basically nested list that are created troguh php code. In essence it reads from adatabes and the it creates the list of items.Because the list is so large you noly see the families and when you click on the its suppossed to show the products on each list. It works on Firefox and IE 8. But IE& and IE7 it just stays hidden, nothing happpnes when I click.
It seems stop method is not working for me...I don't know what I am doing wrong, but when I mouseout when the mouseover animation is still running, the mouseout animation does not occur..
I'm not able to toggle a ui class in my page. Basically here is my code: in the jquery document.ready I subscribe to the event
$("#bBuscar").hover(changeButtonBackColor, normalizeButtonBackColor); then the other two funtions are like this: function changeButtonBackColor(evt) { $("#bBuscar").toggleClass("ui-state-hover ui-corner-all"); }
I am trying to create some divs that hide and show when a link is clicked. There may be multiples on the same page and it each needs to functionindependently.
I've added it to jsfiddle : [URL]
When the user clicks a show more link the first time nothing happens. If you do it again the div expands as planned (great!). If you do it again to close it slides back up but then bounces straight down again (Not Great!). I can't figure out what I've done wrong!. Eventually I'm going to add more functions to show some hidden data as well.
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.
Working with a script I had found/pieced together online. It toggles the display of certain content along with selected text (i.e., "view/hide"). It's working great in all browsers except for IE7 (go figure). The showing and hiding of the content works, just not the switching out of the values for "show/hide".
The problem is that it stop working of Firefox after about two hours. I used it on the main page and leave it working and afterabouttwo hours the picture stop moving and there is only one pictureshown.
I'm brand new to jQuery, so I apologize if this is a 101 question, but I'm trying to sort out a production issue. I do QA for an ecommerce website. When one of our developers made some changes to our application recently, a couple of the plugins we use stopped working on those pages. Looking at the code, it seems we load jQuery 1.4 and several plugins, including autocomplete and popdown. In the changes, for some reason, the developer loads jQuery 1.4.2 (after 1.4 has been called) but doesn't call the plugins again. I'm assuming that this is the reason the plugins stop working. Can anyone confirm this theory?
(The reasons why we don't call 1.4.2 earlier in the document are, sadly, mostly bureaucratic. If I can get this confirmation, hopefully I can push through that.)
I'm using mootools-core-1.3.2.js & mootools-more-1.3.2.js to toggle hide/show a div but since I started using jquery-1.4.4.js the mootools toggle stopped working. Here is the jquery code I'm using on all of my pages
I am working on a project that shows archived data as well as current data on the same page. When the page builds, current data is shown, archived data is hidden (by using a div with id="archive"). I found comments here that getElementsByName was not a good cross browser way to handle this (and I'm not sure how to use that anyway). Can someone suggest the correct way to handle this?
There should be a link that, when clicked, will grab each element on the page with id="archive" and toggle the display property (none or block).
Here is the current code:
function archives(toggle) { if (typeof(toggle) != "undefined") { if (document.getElementById(toggle).style.display == 'none') { document.getElementById(toggle).style.display = 'block';
[Code].....
This works just fine, but only for the first element that it finds. I need many elements with the same name to be effected.
I am creating a form to enable advertisers to create listings on an accommodation directory site.One of the form fields is a drop down with the following optionshotelguestHouseselfCateringinnholidayParkcampingThe top part of my form is the same for all these accommodation types. However I need to include a section specific to the accommodation type. This section will include groups of radio buttons and checkboxes allowing the advertiser to choose which facilities/amenities are available.For exampleA hotel may have 24 room service campsite may have a shop on siteI was planning to have a separate div for each of the accommodation specific sections and toggling the display based on the choice of the accommodation type from a drop down list.I have just had a horrible thought that it may be possible if javascript was not enabled that either none of the sections would be displayed or even worse all of them at once.
I have a list of input fields within the form and a button that can be clicked to add new input fields into the form. This works but if any of the input elements have had text entered into them, then this text is cleared when the button is selected. code...
I have nested markup like this Code HTML4Strict: <li><span></span></li> I have different click functions, one attached to the li and the other to the span.
When I click on the span they both run. Ending the span's event handler with return false; prevented that from happening, which is what I want. But I'm not sure I understand why it worked.. I know, for example, if I was clicking on an anchor, return false would stop the browsers default action of following the href value. Same for submitting a form, return false will stop this. I don't think I understand why this would stop a completely different function from being triggered..
simple JS which shows / hides a transcript on the page. I dont use Jquery because we are not allowed the library in our CMS. It works as expected in all browsers but IE - anyone know why it would fail?
Code:
// define a new function called addLoadEvent which takes in one param which should be function function addLoadEvent(func) { // assign window.onload event to variable oldonload
We have a problem in our currently built website, in chrome+firefox the website works great but in IE 7+8+9 the javascript stops working after few seconds or after several commands a user do in the website.
So i've got a form that adds an element onto the page. This is working. When I try to remove said elements, that works. But the same 'delete' button doesn't work on elements not generated by javascript.
Code JavaScript: function destroyQuickTask() { $.post($(this).attr("href"), null, null, "script");