JQuery :: Making Horizontal Accordion Close On Click?
Apr 6, 2010
Currently, the script allows you to click on a piece of the accordion to open it, but it is set to close on mouseleave. When I set the mouseleave to .click, it gets confused and doesn't know what state it is in. The code controlling this is below, and the full script is in haccordion.js linked in the page source.modify this script,
$target.click(function(){
haccordion.expandli(config.accordionid, this)
config.$lastexpanded=$(this)
[code]....
View 1 Replies
ADVERTISEMENT
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 11, 2010
I've modified the Filament Group's jQuery Collapsible plugin so it would close any open elements when an new one is clicked to open. I'm using this plugin instead of the standard jQuery accordion because of how it handles accessibility issues. But now, when a user clicks an already 'open' element to close it, the element closes momentarily & then opens again. Not the desired behavior. It appears that the 'else' statement that handles this is being incorrectly interpreted (or rather, I'm passing the wrong data). here's the section of the code before modification:
[Code]...
View 2 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
Sep 9, 2010
I'm using the following guide to create a horizontal accordion:[URL].. And it seems to be working great, see the accordion in the footer:[URL].. Only problem is, I can't seem to add any anchor tags inside the <p> elements! The script seems to move them out of the paragraph and add them after it as siblings. I cannot see anything in the code that might do this (but then again, I'm not a JavaScript expert).
[Code]...
View 2 Replies
View Related
Sep 21, 2010
I'm trying to combine the jQuery UI Accordion with the Full size, horizontal scroller demo with easing (the fourth one). How can I combine two jQuery plugins? I tried some var j = jQuery.noConflict();but that didn't help.
<script>
$(function() {
$( "#accordion" ).accordion();
[code]...
Where can I read more about combining two different scripts?
View 3 Replies
View Related
Jun 13, 2011
I have a slideToggle div, when clicked slides down like a normal slideToggle. However, I have multiple slideToggle divs on top of each other, similar to an Accordion. Is there a way to use the collapsible characteristic for slideToggles like used in an accordion? Meaning when one slideToggle div is open, and then another is clicked, the previously opened one automatically closes. I am trying not to use an accordion due to other factors with my site.
View 2 Replies
View Related
Aug 17, 2011
Am customizing a Joomla website and i need to know how to get a nice and fine javascript accordion horizontal panel which is so smooth and good looking to add in Joomla Home page.
some horizontal javascript accordion with images and link to another page.
View 1 Replies
View Related
Jun 1, 2009
I would like to have all the accordion div's CLOSED onload, but cannot figure out how. Here is my code:
HTML Code:
jQuery().ready(function(){
// simple accordion
jQuery('#list').accordion({
autoheight: false,
collapsible: true,
alwaysOpen: false
});
});
Where do I put "hide()" or ??? I've tried it all over the place.
View 4 Replies
View Related
Jul 13, 2009
I cant really figure this out, the only thing i could see messing it up is the javascript:void(0) inside the anchor link but since there is a double click function and a click, it should only be one click.I put autoOpen which i think is also causing it, but i did that so theuser can open it, close it, and open it again so the delay "double click" is saying for the first time initialize and then the second click is opening?? if so how do i get around this?
HERE IS MY JQUERY
$(document).ready(function(){
$("#pro_edit_profile").hide();[code]....
HERE IS MY HTML FOR THE LINK
<a href="javascript:void(0);" id="pro_edit_pic_link" name="Change
Profile Picture">Change Profile Picture</a>
View 1 Replies
View Related
Jun 25, 2009
I would like to ask what must i change and in which file / line so i can have instead of on hover and closing automatically the ability to expand by myself and close myself the menu with accordion list choise...the site preview is: [url]
View 5 Replies
View Related
Nov 8, 2010
I have a horizontal tabsystem given with this code:
<style>
.tabContainer{ float:left;
width:795px;
margin: 1% 1%;
[Code]....
Is there a way to make these tabs go verically instead? Like turn the text and all?
View 3 Replies
View Related
Jul 17, 2010
I have this accordion on my page, but when it loads the first item in the accordion is always open by default (thus extending the height of the accordion). How can I make it so that all accordion items are closed by default/on load? There are 2 .js files used for the accordion, and the code for each is as follows:
[Code]....
View 3 Replies
View Related
Oct 7, 2001
I need a little script so a window that I open when I load my homepage, will only display for like 5 seconds and then close itself. I've played around with meta tags to no avail.
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
Nov 16, 2011
I have a horizontal menu with some subitems. At the moment when I click on the main menu the submenu is being shown and it remains open even if I click anywhere on the page. But here is the tricky part, when I click on a menu item (in the submenu) I want the submenu to display the items on which the page is.For example the menu looks like this:home
page1
page1a
page1b
[code]....
View 14 Replies
View Related
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
View Related
Jul 26, 2011
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].....
View 5 Replies
View Related
Oct 5, 2010
I found this great accordion script that does everything I need, EXCEPT: I need the first level <li> to close upon second click of itself, collapsing the list - meaning I also want the option of the list able to be closed WITHOUT clicking on another first level <li>. How do I change the code below to do that?
Code:
function initMenus() {
$('ul.menu ul').hide();
$.each($('ul.menu'), function(){
$('#' + this.id + '.expandfirst ul:first').show();
[Code]....
View 2 Replies
View Related
Apr 5, 2011
I've got my accordion working.The html and jq are as follows
<div class="nav">
<h3><div></div>
<h3><div></div>
<h3><div></div>etc..
</div>
$(document).ready(function() {
This hides all divs except the first one (check the site) on load, then whenever I click a h3, it performs as an accordion, sliding the hidden div down and other visible divs back upI want to add another functionality. I want it to be like, if you click on a h3, and the next div is already open, it will hide that div. else, it performs this function. This would be a basic if/else then wouldn't it? I'm new to jq but I've done mIRC scripting in the past and I don't know how the selectors work yet
View 2 Replies
View Related
Sep 20, 2010
I have a class hidden by default at the document ready state. I use the show() function when its parent has been clicked and I want to be able to apply a click function to this newly visible element - when I write it I am finding that it is overriding the initial hide(). How do I work around this? I should say that this element is just a bit of text that says "close x" and will be used to "close" its parent div down...
View 1 Replies
View Related
Feb 10, 2011
this is my first visit here so I would like to introduce myself.I`m Krystian :)I`m a newbie in Ajax, jQuery.
I've created a php file which contains form ( form.php ). This file is inserted after button click in index.php. In index.php I`m including jQuery library. My problem is that: when I`m trying the code below, just for test. This is not working. JS console doesn`t show any errors. Why such a simple code is not visible with form? When this example will work then I would like to code something much more difficult on this form. Best Regards Krystian. p.s. When I`ve created form directly in index.php alert occurs.$("select#numberPers").change(function(){ alert('you have changed the select option field');
View 1 Replies
View Related
Sep 16, 2009
I'm having trouble with hiding a dropdown which is opened when the user clicks on an input.
I can manage to close it when the user clicks on a menu item, but I can't figure it out how to close it when the user clicks outside the menu.
I tried to close it with $("body").click(function() { ... }); which works one time, but the dropdown won't reapper again.
function dropDown() {
$(".dropdown input").click(function() {
var firstLevel = $(this).parent().children("ul");
// expand first level (onclick)
[Code].....
View 1 Replies
View Related
Aug 5, 2009
Is there a way to close the superfish dropdown after click? I have some 'onclick' functions that kick off some behavior and then return false. How do I get the dropdown to go away? I suppose I need to somehow call "hideSuperfishUl"
View 1 Replies
View Related
May 4, 2009
I want to use the Superfish menu plugin but with 1 more behavior: when the user clicks outside the menu, the menu closes. (or clicks anywhere, doesn't matter). This way I can have a large delay and just tell people to close the menu by clicking outside the menu, which will improve greatly the usability of the menu.
View 1 Replies
View Related
Sep 20, 2010
i have a horizontal menu.. with three tabs for eg... Home , about us, contact us and.. when i click on the Home tab, i need a horizontal submenu with four or five links.. say for eg : menu1,menu2,menu3,menu4,menu4 and menu5 and when i click on menu1 i need a vertical menu on click of of menu1. so i need two horizontal menu and one vertical menu. i have attached a sample image of my menu. Can i do this in javascript.. I need to do this using html , css or jquery..
View 3 Replies
View Related
