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 RepliesI'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?
getting all the header text:jQuery("#accordion h3").text();how do you get the active index? and how do you use that index to get the active header?how do you get the header text for the active header?
View 1 Replies View RelatedI 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]....
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 RelatedI am trying to change the look of the 'active' submenu item... Meaning, when you're on a certain page - the corresponding submenu item will look different (i.e. bold, different color, etc.)... URL is --> IDC's Fundamentals for Newer Directors JS code I'm using -->
$("*").find("a[href='"+window.location.href+"']").each(function(){
$(this).addClass("submenuactive")
})
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]....
I've been able to develop the content div swap for the following test site, [url], but can't figure out how to highlight the active name in the left-hand sub-navigation.
Here's the code...
HTML Code:
I have an ccordion menu, and each menu header has a little arrow img that changes when the menu slides down and up. The arrow img is a background image that is added to the detailsPanel div.This is the code so far:
Code:
$(document).ready(function() {
$("div.menu_body").hide();
$("#menuheader div.menu_head div.detailsPanel").toggle(function() {
[code]....
This works fine when I toggle one menu item at a time.But say I expand one menu item, and then click on another menu header. What happens is that the first menu item slides up and the newly clicked slides down, just like expected. But the arrow doesn't change back on the menu that slides up. This happens because it's toggle function is still in the first state, and if I click on it again, thus removing the "detailsPanelSelected" class, all that happens is that the image changes back. Looking at the code, this is expected.how do I make it so that a menu items "detailsPanelSelected" is removed when another menu header is clicked? Can I somehow reset the pending toggle function?
I am using jquery accordion where multiple accordions can be opened by user. I added onclick event to that adds source to an iframe within that accordion when user clicks on it. However I want to only load the source into the iframe when an accordion is opened...currently I load the source into the iframe even if they close the accordion.Example:<div id="toggleboxes" nclick="loadIFrame('iframe${iframe}','${mstrObject.firstChild.objectUrl}');">How can I determine if the onclick event on the above div is for open accordion action only?The code below returns object object. I am quite new to jquery and have been scratching my head for a bit regarding this. Does anyone know how to achieve this?I tried the following:var active = $( ".selector" ).accordion( "option", "active");Here is my loadIFrame function.
function loadIFrame(iframeId, reportUrl){
//getter
var isActive = $( ".selector" ).accordion( "option", "active");
[code]....
I have a problem where I want the menu with 'active' to be opened, belew is the script and source I have.The accordion works fine, but just does not open on the active page,
$(document).ready(function() {
$("#accordion").accordion({
active: '.active',
[code]....
I am using an jquery accordian as a menu in my site...it goes on next page when i click on the button but i want to show an that button in active state when it on is on its respective page.
Below mentioned code is i am using for my accordion menu.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
[Code]....
I've got an accordion horizontal panel, and I have it set to display #accordion li:last - on page load. Then clicking on the panel lables will open other panels
my delimma is that on page load, the content of the active panel is not displayed until you click on its respective "label" I think I'm missing some code for the activeItem... I need it to show the content of that li tag on page load. ALSO, I've tried giving the li tag I want displayed first its own id, but had no luck with that.
[Code]...
I am using a basic jQuery accordion and what I am trying to do is add a button inside each section where if the user clicks the button, it will collapse the section, leaving all the sections closed. I just don't know how to get the button to close that section.
See below for example of what I am doing.
<div class="accordion">
<h3><a href="#">Header One</a>
<div>
<asp:button runat="server" class="cancelButton" text="cancel" />
[Code].....
I'm building a website with a image menu like accordion, using jquery+easing+kwicks [URL]ith CSS, I can change the opacity of the element hovered (the opened kwick), but I'm looking to someway to change the opacity of the inactive kwicks (the images that close when you open a hovered image).I tried to do it with css, or hacking kwicks plugin, but I couldn't make it.
View 3 Replies View RelatedI have a script that fades links on load and im trying to get this to work on everything but the menu link that has the "active" class
Code:
<div id="menu">
<ul><li id="Home"><a title="Home" href="/" style="opacity: 0.6;">Home</a></li>
<li class="active" id="projects"><a title="projects" href="/projects/" style="opacity: 0.6;">projects</a></li>
<li class="last" id="Contact"><a title="Contact" href="/contact" style="opacity: 0.6;">Contact</a></li>
</ul>
</div>
[Code]...
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.
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!
i am trying to get my drop down menu to change a button's link...
View 9 Replies View RelatedI have this script where if users click on a link it will show that particular link in a slideUp, slideDown effect. For example There are two links and Two divs.Both Divs are hidden to start. If the user clicks link 1, Div 1 will appear. If the user clicks link2 Div 1 will close and Div 2 will appear. how do I add a active state when the user clicks on each particular link.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
xmlns
="http://www.w3.org/1999/xhtml"
[code]....
I started using jQuery yesterday so im a noob. I have a navigation bar, and i want it to display a background image on the active menu item. (Like the top most menu on this website, it has a little blue underline)
[Code]...
Line 2: It loops though all the <a> tags in an <UL> with id nav_prim. (The <a> tags are inside of <li>'s in the <ul>.
Line 3: I check to see if the <a> tag's href atribute is the same as the URL of the page, if it is
Line 4: i want that specific <a> tag's background-image to be images/nav_bg.gif.
I can't get it to work. In firefox i get the error " $("ul#nav_prim a")[i].css" is not a function.
Why is that? Can anyone please help me? As i've said im new to jQuery and Javascript in general aswell.
I am working on the project that will be only one page and the menu will link to the same page. The problem is that i can't add active class to the menu the same we did in the normal linked pages. For example, in css we can see .about .menu ul li .active a { color:#black} . This means the menu will be in black when the user is in the about page. I can't do like this in one page scroll menu as there is only one menu. Are there any ways to let the menu change (add active class)when i scroll to some specific part of the page?
View 3 Replies View RelatedI'm trying to add .active class to a menu, based on the URI. It works with URL's like: /, /products, /about, /contact but not anymore when you go to /products/some-product.I know what's wrong, but I can't find a working solution. I've tried a regex, but that didn't work either...
The code:
$(function() {
var path = location.pathname;
if (path) {
[code]....
I have a simple superfish menu on my site and I'm wondering if there is a way to add a quick line that shows the 'current' page the menu is point to?
this is a wordpress site, I noticed an example [URL] i'm getting closer?!
I have a website with several pages. Each page having the same menu.I need one of this menu item's text to vary according to each of my customers, where the customer id will be passed from an external link at launch time.I also need to change the menu item link <a href.../a> dynamically.I'm planning to create a redir.html pacge for each client and within that page, I can insert a url with parameters to launch the main page.
View 1 Replies View RelatedPerhaps 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]...