All geek questions in one place

Single file design using visibility on div classes / identifiers

I create a site on one page (one file) and want to get an idea of ​​whether I am using the most practical and intelligent approach. Website is a simple website for a graphic designer. It has 4 “pages” which are “about me”, “contact”, “work” and “photos”. What I want to do is have 4 divs (absolutely placed in the same place) with only one visible at a time. When you click on a link, it displays the visibility of others and the link you clicked. There are several ways to do this, though:

  • Should I use visibility to show / hide layers?
  • Should I use Z-Index to show / hide layers?
  • Is jQuery the best way to handle this?
  • Is using classes like .visible.hidden the best way to loop through div / div?
  • Any other tips for maximum efficiency?

I know that some will tell me that I just use separate pages, but the site is simple with thumbnails, and most of the size is in the header and the jQuery script is honest. Thumbnails are quite small, and I see no reason to make a site with more than one page if I do not need it.

Thank you for understanding.

+3
source share
4 answers

As Pekka pointed out, there could be arguments against this as a single-file site. But I assume that you have a convincing precedent. Answering the question:

:

  • div.
  • , .
  • div (, "about", "contact" ..).
  • , . Javascript, .
  • Javascript, , , .
  • , , , , "#about" , div, "#contact" , .
  • , , . /.
  • , , .: -)
+3

, , .

  • , JavaScript. , JavaScript. - .

  • SEO - , 4- ,

  • , ,

+1

jQuery, . show() .hide(), .

, @Pekka, , .

0

, Jquery . , , javascript, - javascript ? , , javascript.

, jquery - , Nettuts . , , , . zip .

, . , , , , , .

JW-Tabs

, .

0

Source: https://habr.com/ru/post/1744037/

More articles:


All Articles