www.webdeveloper.com
Results 1 to 2 of 2

Thread: Help With display:hidden in div

  1. #1
    Join Date
    Sep 2012
    Posts
    1

    Help With display:hidden in div

    I have built a responsive site for desktop and mobile. But i have 1 piece on the site which is giving me a headache.

    I have a set of 3 tabs that displays its body content in the same div when you click on each tab. The desktop works fine but the problem i have with the mobile version is that when the page loads there is no content appearing , only the 3 tabs show, i have to click on the firt tab to get any content appearing and then the page is ok. The tabs work with css and a javascript function.

    My question is, how can i force the first tabs content to be shown on page load, the desktop version works fine. It seems as if the div is taking a style of display:hidden, how can i override this?

    I have tried "display: block !important" in the first content div, but this just shows the content all the time no matter what, which i dont want, i want the content of the first tab to be loaded then replaced with the other tabs content when clicked on.

  2. #2
    Join Date
    Mar 2009
    Posts
    452
    past your full code

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles