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

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

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
Kasonde Neddy
Asked:
Kasonde Neddy
  • 2
  • 2
1 Solution
 
Easwaran ParamasivamCommented:
set the visible=true and style="display:block" in your div tag by default.
0
 
EyalCommented:
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
 
Kasonde NeddyDesigner & DeveloperAuthor Commented:
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
 
EyalCommented:
very simple
$(document).ready(function () {
    $(#elementid).hide();
});
0
 
Kasonde NeddyDesigner & DeveloperAuthor Commented:
Thanks experts
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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.

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