I have a drop down menu who shows a list of page. Some links have subcategories. When I click to it that show the subcategory list. But what I want is when I click on another that close the previous one. Just one should be open. You can have a look at the screenshot:
[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 want to prevent expand/collapse behavior when clicking on a node (folder) in the tree. I only want to expand/collapse when clicking on the plus/minus sign (+/-).
I have tried to use stopPropagation on the click event but I don't getit to work.
I have a php function that returns a list of people with their attributes ie address, telephone, email, etc. my idea is to display the full name of person, and then when I click on a link "more data" open a window down to display the other data, email, phone, etc.., for this use a jQuery script that collapses / expands a div, taken from: [URL], the script works fine, but only runs on the first element (person) that appears in the list in the other script is not running, if I have several pages of results, always work the first item on the list. this is the javascript code of the page, obviously this liibreria declared jquery:)
$ (Function () (
$ ("# Mmm.") Click (function (event) (
event.preventDefault ();
$ ("# Panel_menu"). SlideToggle ();
[Code].....
i want to collapse all level at load in this site : [URL]
View 1 Replies View RelatedI've got a series of nested tables with data that look someting like this. [code]...
View 3 Replies View RelatedI look for something in jquery ( a sliding panel div that can also be collapsed and shows the correct image, hard to explain please see below link, its used on this [code]Anything such exist for jquery with the same features?
View 1 Replies View RelatedI have a large MS Word document organized in outline format.
I exported this document via "Export to compact HTML" command.
I was wondering if anyone knows of a a javascript/jquery script that would allow a user to open (i.e. expand) and close various levels of the html the same way that MS Word allows one to do that in View/Outline.
(Is this the right forum to ask if a script exists?)
I've made a animated collapsable list using this script. But now I want to keep one submenu expanded, I have the ID of the ul that must be kept expanded. So after everything is collapsed my script checks the ID of every submenu and compares it to the given ID. If the ID of the submenu is equal to the given ID, the submenu should expand. Should, because that doesn't. Here's the code:
[Code]...
I've never used jQuery before, I tried this, but it doesn't work. Also, I don't want to toggle the children, but just show them; without an animation.
I would like to collapse all other elements before expand an element. There is a trigger (beforeExpand?) but I don't get it to work.
[Code]...
I found a decent way to include a toggle feature for displaying detail rows underneath "parent" rows in a regular old HTML table displaying heaps of data: [url]
See "Expandable "Detail" Table Rows" rows section.
Would anyone know what it would take to add an "expand all/collapse all" link that would toggle all child rows open/hidden?
If so, how difficult would it be to have multiple tables with this functionality on the same html page?
I've created the following page: [URL]. When you click on the "More" or "Close" links to expand and collapse the grey content boxes they start to impact the layout - try clicking them a couple of times to see. I've tried heaps of combinations but can't figure this out. Something must be adversely affecting the DOM.
View 2 Replies View RelatedI was just getting started to learn about how to have expand and collapse effects, I work on css and html, but I saw collapse and expand effect on few website, so I wanted to learn it. I am just a starter in JavaScript and jQuery.
View 7 Replies View RelatedI have a button that I want to be able to click on and for it to change to another image and also slide out a text panel and then when clicked the text panel slides back in and the button returns to its original state.
The code that i have found and adapted is below. So far I have it working to click on the button to expand but then I can only make it click on the panel to close not the actual button.
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
[Code].....
I'm looking for an expanding/collapsing tree directory type of navigation and was wondering if someone knows of a good one that's out there and available.
What I'm specifically looking for is one that is triggered on the click of a *graphic* that toggles the show/hide. Each text nav item should be hyperlinkable to it's own link/page. So for example (the + and - are the collapse/expand graphics, the dot leader is for some formatting) [code]...
Is there a way to make a node in the treeview expand/collapse ONLY if the +/- is clicked but not the folder icon or folder name but still make the node selectable?
View 4 Replies View RelatedWhen i click the link to make the content (TABLE) visible, it jumps open then collapse and then slides down.
Closing the content is not an issue, it slides up normally.
JS1
Code:
$(".toggleContent1").hide();
$(".toggleTrigger").toggle(function(){
$(this).html("hide...");
$("."+$(this).attr("rel")).slideDown(1000);
[Code]...
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>
There is a checkbox on a form page, when you check it, a div will become visible with some extra inputs needed for that situation. To simulate this click on the checkbox external, I use click(). With jquery files 1.4 and lower this works properly and like expected. When using jquery library 1.4.1 or higher, something does not seem to work properly. Sooooo, the code:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.min.js"></script>
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>-->
<script type="text/javascript">[code]....
Somehow I managed to get this thing 'sort of' working with 1.4.1 or higher. But the code to accomplish this is absurd. See functioncheckTheBox4Plus() on line 8. It works :) but shouldn't.. Or is it the other way around?
im using this toggle for a project, i have use it once, and it works well with IE, but then again, for mozilla, its not being displayed correctly after the first toggle, Code:
View 8 Replies View RelatedI am wondering how I would make the [-] Button that collapses/expands a thread here on the forums. (I hope you know what I mean, its tough to explain)
I am going to have a page with multiple entries using XML and would like to be able to have the title of an entry showing and then you can press on the expand button to view further details.
Can this be done with JavaScript or DHTML?
I have a bit of code that works perfectly for me that expands/collapses a div without any animation from top to bottom. I'm looking for the same exact code that lets me expand/collapse from left to right. I've done my due diligence and have search many forums with limited luck (I've only found one that is animated that I can't turn off the animation). Can someone point me in the right direction to code that does exactly the same as what I've posted below except from left to right?[code]
View 2 Replies View RelatedI have a list built on HTML and CSS:
<ul>
<li>Foo</li>
<li>Bar
<ul>
<li>Gee</li>
</ul>
</li>
</ul>
I need a script to expand and collapse items so only one sublist is visible
at a time. I've found several scripts for trees but they either need the
list to be in their own format or they add tons of weird code to insert
icons and style the list (which breaks my design). Could you recommend me a
simple script to do so?
I'm running into a problem with having a bunch of different selected areas in my editable document in mozilla. I can't seem to get them all unselected. I can get one or two to unselect but not all of them.
This happens after I have been using comparePoint in a loop that loops through the whole document. I have used collapse on the selection I made but it leaves other text still selected. :confused: Is there a quick way to unselect all the selections in mozilla?
My intent is to be able to expand/collapse multiple tables individually, and all at once. My current implementation allows for the "individual", but not the "all at once" functionality, because the current code I'm using just toggles. code:
View 2 Replies View RelatedWhere i can find a script for div collapse...i am looking for a script where div is collapsing from left to right side.
View 2 Replies View Related