Solved

Making jquery sliding panel show hide div accessible...trouble, please help

Posted on 2011-09-21
5
257 Views
Last Modified: 2012-08-13
Hi Experts,

I have a script that shows a div and hides a div when the user clicks view, it works fine, but when js is disabled, the panels or links with the script do not open by default, if js disabled.  please advise, you may view this at the following location http://www.madisonassets.co.zm 

On the services links, the links show more links on mouseover, and for the right panels, when the user clicks view, it displays the contents of the hidden div...

It should display by default if js disabled.
0
Comment
Question by:kasondeneddy
  • 2
  • 2
5 Comments
 
LVL 16

Expert Comment

by:Easwaran Paramasivam
ID: 36573103
set the visible=true and style="display:block" in your div tag by default.
0
 
LVL 15

Expert Comment

by:Eyal
ID: 36573232
the default state should be visible

when page loads hide it with javascript. so if the browser doesn't support javascript nothing will happen and all will be visible.
0
 

Author Comment

by:kasondeneddy
ID: 36579545
Hi,

I have attached my code, new to jquery, pls help on how to implement..you may access the site n front end code at the following link....http://www.easywebzambia.com/mamco2011/

I assume, i remove the display none, but how do I enable the dispay none only if js is enabled..?
0
 
LVL 15

Accepted Solution

by:
Eyal earned 500 total points
ID: 36579685
very simple
$(document).ready(function () {
    $(#elementid).hide();
});
0
 

Author Closing Comment

by:kasondeneddy
ID: 36941930
Thanks experts
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now