JQuery :: Accordion Menu Click And Hoover On Parent?
Dec 24, 2011
someone created a Liferay portlet for me where we use a accordion jquery menu.Now for the "parent" menu I would like to know if one can have a page attached to the parent, that appears "on click" and (so parent "home" opens home.html) and at the same time expand the chile menu oh "home"?Here s the script from the header:
var currentObj;
jQuery(document).ready(function(){
//open active level
[code]....
At the moment the menu expand is done by having a + sign behind the parent menu items. One clicks that plus and the menu expands and the + changes to -. We have the feeling that the + sign is not clear enough and site visitors will not see the rest of the menu.
View 1 Replies
ADVERTISEMENT
Apr 29, 2010
I've a navigation menu that has some sub-menus and I want to show them only after a click on the parent link. But every click on the sub-menu collapse the menu again.
$('ul#nav>li:has(ul)').click(function() {
$(this).children('ul').slideToggle();
return false;
});
<ul id="nav">
<li><a href="#Home">Home</a></li>
<li><a href="#Products">Products</a>
<ul>
<li><a href="#Apples">Apples</a></li>
<li><a href="#Bananas">Bananas</a></li>
</ul></li>
<li><a href="#Services">Services</a></li>
</ul></div>
When I click Products and than Apples it hides the level 2 UL. But it should go to #Apples instead. I can not change the HTML since it comes out of a CMS. So I have to deal with that structure. How can I prevent the level 2 UL collapses when I click on Apples or Bananas?
View 1 Replies
View Related
Feb 2, 2010
I'm trying out a jquery accordion menu. Problem is I'm having problems with it in IE (7 at least). There's three stacked menu links, two of which contain sublinks (where the accordion comes in). When I click one of the sublinks in IE7 it briefly flashes all the sublinks (even the hidden ones). It'll probably make more sense if you give it a try!
[url]
I'm guessing its something to do with the HTML body of the page kicking in before the javascript?
JS file is here:
[url]
View 3 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
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 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
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
Mar 4, 2011
I'm using superfish menu jquery plugin, and I'm wondering if someone know how to update plugin that you can decide if sub - sub menus wil be shown on the right (that is in the original) or on the left side of the parent menu.
The problem is, that if the last menu is near the end of the browser, than the sub - sub menu will go off side the browser.
View 2 Replies
View Related
Apr 21, 2011
I'm coding a site with a four-stage accordion as a navigation sidebar. When a user clicks on an accordion stage, an image with a text link overlaid pops out from beneath.It's working fine in every browser except, natch, IE, and I'm flummoxed as to why.Here's the HTML for the accordion. There's a nav tag called #sidebar which contains two parts: an aside (#conditions) and the accordion (#navV). You can pretty much ignore #conditions, as it's #navV that's causing the headache, but I thought it prudent to include it anyway.
<nav id="sidebar">
<aside id="conditions">
<h3>Find out more about</h3>[code]....
As I said, working a charm in FF, Chrome, Opera, Safari. Just IE - you click on the <li><span> and nothing happens.
View 6 Replies
View Related
Sep 7, 2010
I am struggling with a problem involving using a javascript dropdown menu in conjunction with the jquery accordian. My dropdown menu is being blocked by the accordian option and I can not view most of the items within the dropdown menu in order to navigate.I did notice is that if I get rid of jquery-ui-1.8.4.custom.css I can see the dropdown menu, but then I do not get the settings I desire for the accordian. Below is the code for index.php and master.css
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
[code].....
View 1 Replies
View Related
Feb 5, 2010
I followed a tutorial on here about Expanding Sliding Menu's or Accordion Menu's.Here is the script:
$(document).ready(function(){
$(".Left #SideCategoryList ul#parent-cats ul:not(:first)").hide();
$(".Left #SideCategoryList ul#parent-cats ul:visible").hide();
[code]....
View 4 Replies
View Related
Oct 2, 2010
Im using an accordion menu. i would like to have the sub-menu items in that accordion menu when clicked on display an image in a "viewing box" of some sort beside it.
View 1 Replies
View Related
Jan 10, 2011
I am using the jQuery plugin to create slideshow and also a accordion menu.
Slideshow: [URL]
The accordion menu is not working if the slideshow is working. I am new to this jQuery world.
The below is the HTML script
<html><head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="nested.accordion.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#main").accordion({ .....
In the above script, slideshow is working fine but the accordion is not working. If I comment the lines 5, 16, 17,18 then the accordion is working but slideshow is not working. There is no errors thrown.
View 13 Replies
View Related
Dec 26, 2010
I have a page where the SuperFish menu needs to open over a few elements that are grouped together by a jqueryui accordion. It works great in all relevant browses except IE8 in compatibility mode (which, afaik is like ie7, no?). In those "not so great cases" the SuperFish menu is displayed UNDER the accordion instead of above it I tried playing around with z-index but to no avail
View 1 Replies
View Related
Oct 2, 2011
How would I go about creating a menu like the one that this website has? [URL]
View 2 Replies
View Related
Jan 12, 2009
Why my submenu links dont work and why the submenus are taking a set height. I'm just learning jQuery and cant figure out what I've not set properly. [URL]
View 1 Replies
View Related
Jul 26, 2009
Here is an examples of what I would like to happen- smooth scroll when you press menu button on left section1/section 2 etc but for an accordion menu:
What I thought was important and tried was to include:
(and to include the actual js files, localscroll-min.js, scrollTo-min.js)
But just cant get it to work with the accordion menu- it works without it
What I think I may need to include is something like this link within my function for menu section.
View 2 Replies
View Related
Jan 7, 2011
I'm having an issue with a jQuery script with IE7. The script (adapted from one created by Marco van Hylckama Vlieg) is simple:
Code:
Basically an accordion effect, which can be seen here: [url]
Click on the italicized text in the main content area.
The only message I see in IE7 is "Error on Page". Of course, I'm a Mac user, so I have to bother coworkers to check the page on their PCs.
This works fine in every other browser I've tested, including IE8.
View 3 Replies
View Related
Nov 14, 2011
I've managed to do that so when i click on the first tab it will close the other open tab.The problem i'm facing is when i click on the first tab that it supposedly will not open even if clicked.It does not open but from times to times when i click a lot of times , go out of the accordion and then bring the mouse again in and click just right at the bottom of the first tab(the one it cannot be opened) and the second it sometimes open the first tab!!!
My code:
$(function() {
$("#accordion").accordion({
collapsible: true, active: false
});
[Code].....
View 2 Replies
View Related
Jun 14, 2011
I use the Accordion-Menu, which save the open state (with cookies). See following example. It works fine. But when I change the state of the a-tags with real target-path, the submenu doesen´t opens smoothly anymore. This works fine
<!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"
[code]....
View 1 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
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
Apr 14, 2011
i renamed this topic, original post was sent yesterday under "override of drop down menu and accordion (display problem)" and published in Using Jquery UI)I set a drop down menu using jquery naviDropDown 1.0 and use accordion of jquery-ui-1.8.11 too. I have a problem because the drop down menu is diplayed behing the accordion block.
View 2 Replies
View Related
Dec 1, 2009
I want to accomplish a nice and simple accordion menu using this HTML structure:
Code HTML4Strict:
And I'm using this JQuery code:
Code JavaScript:
This basically works, but when I click a particular menu item to expand it's submenu items, it basically hides all submenus items, even the active ones, but whant I need is the particular clicked submenu items to stay expanded. I guess this can be accomplished by a simple if statement or so.
View 3 Replies
View Related
Apr 1, 2010
I've got an accordion menu that expands and collapses fine, but when I click on the links contained in the lists within the links don't open.
JavaScript snippet:
Code:
And the code for the lists:
Code:
If I remove the return false, the inner links work fine but it appends a '#' to the end of the URL in the address bar and I'd rather it didn't do that. How can I alter the jquery so the inner links still work but the links with the '#' as href don't append the '#' to the end of the page URL?
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
