Keep An Accordion Menu State After A Link Is Clicked?
Oct 6, 2010
I have been using the Sitepoint book jQuery from Novice to Ninja. I'm still very much a novice but I'm making some progress...I have a jQuery accordion effect set-up on a a nested list. The effect is working great, however, I want to retain the menu state (e.g. which section is open) when a user clicks a particular link and the site loads a new page. I'm thinking I must need to use a cookie or similar but have no idea how to implement this. Here is the jQuery I have currently:
Code JavaScript:
$(document).ready(function(){
$('.boxCategories ul > li ul')
[code]....
View 1 Replies
ADVERTISEMENT
Oct 5, 2010
I have an accordion effect setup on a a nested list. The effect is working great however, I want to retain the menu state (e.g. which section is open) when a user clicks a particular link and the site loads a new page.How do I do this with jQuery?Here is the jQuery I have currently:
$(document).ready(function(){
$('.boxCategories ul > li ul')
.click(function(e){
[code]....
View 10 Replies
View Related
Aug 16, 2011
I'm creating an accordion menu and need to make the link you click on go from saying "click here to view" to "close". The way I had to set up the accordion is making finding code that works very difficult. Here is my [code]...
View 4 Replies
View Related
Feb 17, 2011
i have a website where i have on the left side a button menu and on the right side an accordion menu. how can i get it to work, that when a user clicks on a button in the left menu, the associated entry in the accordion menu will open?
View 1 Replies
View Related
Mar 9, 2011
I am trying to make a navigation menu that when a link is clicked, loads content into a hidden div, then shows the hidden div, then changed the class of the list item. If the same link is clicked again the class reverts back to what it was before and then the content div becomes hidden.
[Code]...
View 3 Replies
View Related
Jul 26, 2011
I've got this client that would like the menu to slide out from the left nav bar, horizontally. So far I've put together a jQuery toggle you can see working here:Slide out Menu.What I need is to fade out/slide back when another menu link is clicked. Right now they are overlapping and there are more menu items to come.
View 2 Replies
View Related
Dec 15, 2008
I'm stuck with a simple jquery accordion script that is[URL]..The problem is that there are links inside my divs that brings to another page where the same accordion menu should be included and left opened at the same state like the previous page (hope to be enough clear. The script I'm using will always close all the accordion divs upon the second page load. I'm a total newbie of jquery and couldn't understand exactly how jquery works (among other things I've to do i promise that I will learn jQuery as soon as possible );
[Code]...
View 2 Replies
View Related
Aug 27, 2010
I have created a jquery accordion menu for a brilliant CMS called 'Concrete5' and all works lovely BUT I now would like the menu to stay open if a menu item is selected within the drop list.I have manged to create the following.....
var pathname = window.location.pathname;
var selecteda = $(".nav-selected a").attr("href");
// alert (selecteda)
[code]....
..but it doesn't seem to work.I'm not a JQuery GOD like most of you on here but I am trying my hardest The accordion menu I am trying to get this to happen on is Accordion Menu.
View 1 Replies
View Related
Mar 17, 2011
I'm new to jQuery and have a problem with links inside an accordion.
The simplified code looks like this:
<div class="active-item">
<div class="available-items">
<h5>Headline</h5>
</div>
[Code]...
The problem is, that the links inside the table are not active. If i click them, the accordion is closing What do i have to do, to keep the links inside the open accordion as normal links, without closing the accordion?
View 2 Replies
View Related
Sep 1, 2011
I needed a sidebar menu that, when a user clicks the <h3>, a submenu expands. When the user then clicks on a different menu item, the previous submenu disappears meaning only one submenu can be visible at one time.
Now the code I have at the moment (from jQuery forums) works. It now needs a bit more refining so that it works the way I intend.
When you first load the page, all of the submenus are collapsed which is a real pain as each submenu has 20 - 30 selections.
Is there a way to have them all hidden initially?
Is there a way to get an open submenu to close by clicking on the H3 title again?
Since the site is local only, I posted up a sample on my JSfiddle account.
[url]
This one, which I also found on google, did what I wanted, but without the smooth slide animation. - [url]
When you then click on one of the H3's, it kicks into action and works great!
View 2 Replies
View Related
Feb 16, 2009
I need a counter that will display beside a link, with the number of times the same link has been clicked. I do not have FTP access to the site, since it is based on a CMS.
View 1 Replies
View Related
Jun 16, 2011
I've created an Accordion but by default the first menubar is open, is there a way to have all menu bars closed?
Is it the "active: 0" option? How can I disable it so that the accordion starts with all sections closed until clicked?
View 3 Replies
View Related
May 17, 2009
I have a list of records with link with each record
I have like this table structure:
After that dynamic tr and td are created which list the name of cateogy and its image
<a id is dynamic i want when i click this image link i get the value of which link is clicked
View 4 Replies
View Related
Sep 30, 2010
I am trying to create a specific menu using jQuery where i want to toggle a clicked menu item. I used toggleClass to accomplish this. All fine and well, but what i want is that once i click a menu item, the previously clicked item should have the active state/class toggled off.. The menu is variable. (I tried and tried and searched all over the internet, but i cannot find it... spent 5 hours trying to combine various selectors and if/else statements, but it did'nt work.)
View 1 Replies
View Related
Oct 26, 2009
The purpose of the code is to slideToggle open one of two hidden sub-nav bars when either of two different menu items are clicked upon - instead of a drop down menu. What doesn't work is the hiding of the div that is not required, if it is already open. Viewing in firebug shows that the appropriate classes are being applied - I suspect the reason is that slideToggle has been somehow set and cannot be unset via another object - but perhaps that is not it at all?
$(document).ready(function() {
//add .toggle function to appropriate li element
$('#hozmenu li:nth-child(4)').toggle(function () {
//set 4th menu links colour to be green whilst div is shown
$('#hozmenu li:nth-child(4) a').css('color', '#95d890');
$('#toggle_nav_services').removeClass('toggle_show');
[Code]....
View 1 Replies
View Related
Dec 6, 2010
I've building a site for a letting agents using Joomla and JomEstate Pro. I've got everything working great and am quite happy with it.
However, there is an accordion 'property filter' menu on the right which works fine in every other browser, but not in IE.
View 1 Replies
View Related
Dec 12, 2011
I'm trying to make this menu go up and down when the arrows are clicked. Right now, it shows all of them and I can't figure out how to make it so that it only shows the first 9 and will show the rest in the menu when it's clicked. I really don't know where to start. I found some scripts but they turned out really funky. Even if it's something super simple is cool, just where to begin??
[Code]...
View 2 Replies
View Related
Nov 2, 2011
I am using Jquery Tools Tabs andI want to be able to link from an external page to an open state on tab 2.(External Link to tab 2 --> tab 2 open)Here is my html:
<ul class="tabs">
<li><a href="#tab1" id="tab1">tab1</a></li>
<li><a href="#tab2" id="tab2">tab2</a></li>
[code].....
View 4 Replies
View Related
Mar 22, 2010
I've been using the accordian tutorial but was wanting to save it's state after I click the link
[URL]
for instance if I open the accordian to heading two and click link 4 it would be great for it to stay like it on when link4 page loads (so the users know where they are)eg:
Heading1
Heading2
-link4
[code]....
View 1 Replies
View Related
Oct 7, 2010
Perhaps I'm just using an old version - or, perhaps, I'm just missing something elementary... but when my horizontal accordian slider runs in IE8, I can't click on any of the sliders and link to another page. All's I want to do is click on the picture and link to another HTML page.
[Code]...
View 1 Replies
View Related
Feb 23, 2011
I've got an question about a 'accordion menu',When I add a 'current' class to my list item,
<ul id="TEST">
<li><a href="#">Example 1</a>
<ul>
[code]....
View 2 Replies
View Related
Jun 14, 2011
I mainly do PHP/MySQL coding, but I wanted to add this Javascript Accordion Menu to my site:
Javascript And CSS Tutorial - Accordion Menus | Switch on the Code [URL]
It works fine, but I was wondering if there was a simple way to modify the code so that the currently open menu stays open from page to page instead of closing upon each page reload?
View 7 Replies
View Related
Dec 17, 2010
For reasons not under my control, I need to implement this menu: -
[URL]
on a page which runs in quirksmode in IE. To get to the point, the menu dosent display correctly in this mode (as I expected).I belive issues with jQuery running on a page in quirksmode is a well documented thing. But to anyones knowledge is there anyway of working around such a problem / come across similair problems before? The menu flashes and there are spaces between the items.
View 3 Replies
View Related
Sep 29, 2011
I'm having trouble getting an accordion menu to work correctly. If you click here on GENERAL SESSIONS under FORUM main menu, the menu pops away and it's back to ABOUT.Can someone take a look and tell me why it's doing this and what I need to do to fix it?
View 4 Replies
View Related
Mar 19, 2010
Here is an example of what is done so far: [URL].
When you mouse over the b&w images you will see the image change to color.
When you mouse over the links on the left they will have a rollover and also change the image on the right to color.
What I would also like is mouseover the image to change the rollover state of the link on the left. Here is my code so far..
PHP Code:
<style type="text/css"><!--/* ================================= *//* ====== Subject Matter Rollovers ======
*/#menuButton1{height: 41px;width: 133px;
overflow: hidden;background:
url(images/content/buttons/subjectmatter.png) top left no-repeat;
display: block;text-decoration:none;line-height:2.5em;color:#000000;}
#menuButton1:hover{color:#FFFF00;
I thought the following might work (2nd image)
Code:
document.getElementById('link2').class='menu_hover';
But as you see no it does not.
View 5 Replies
View Related
Apr 26, 2009
jQuery resource I'm using a accordian menu I found here:[URL]...I'm using it on a development site here:[URL]... It's being used on the left hand side navigation which are coloured Red, Orange and Green.
The menu is supposed to maintain state when you click through to the various sections, however it appears to jump between the Red, Orange and Green sections.
I've cheked that the cookie is set and using the unique identifier but it's still not working.
View 5 Replies
View Related
