• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 414
  • Last Modified:

expand collapse (toggle) div layer

Hi all,

I am using this script here and although it almost does everything I need I need 1 more thing.

I need to add a down arrow what it's collapsed and an app arrow when it's expanded.

Can anyone help with this or alternative script please?

Thanks
0
error77
Asked:
error77
  • 4
  • 3
1 Solution
 
CKY092Commented:
Can you post some code?
0
 
error77Author Commented:
Opps sorry :o/

Here is the url from the code I'm using.


http://designgala.com/how-to-expand-collapse-toggle-div-layer-using-jquery/

Thanks
0
 
CKY092Commented:
Do you have a link to where it's being implemented?
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
error77Author Commented:
It's on my local pc, not on the net, sorry :o/

0
 
error77Author Commented:
Anyone please?
0
 
CKY092Commented:
I threw together example code:

http://jsfiddle.net/boisebrewer/ayqjR/

Basically, you'll need the following:
1. Include your jQuery UI resources. (JS & CSS)
2. Add the icon span to your HTML
3. Add the .accordian-status class to your CSS
4. Add the toggle code to your JS.

Hope that's clear enough for you.
0
 
error77Author Commented:
Do I need to change a lot in order to use y own arrow image?

Otherwise it's perfect

0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now