Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
visibility

visible Элемент полностью видим
hidden Элемент полностью невидим, однако, находится в структуре документа
Collapse Данное значение следует применять только к элементам таблицы (к столбцам и стокам), если оно применяется к другим элементам, то оно будет соответствовать значению hidden.
В следующем примере с помощью кнопок должно происходить отображение одного и скрытие другого блока, при условии наличия скрипта, соответствующего языка программирования в тексте страницы.
  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<HEAD>
  4.<STYLE type="text/css">
  5.<!--
  6. #container1 {
  7. position: absolute;
  8. top: 2in;
  9. left: 2in;
10. width: 2in }
11. #container2 {
12. position: absolute;
13. top: 2in;
14. left: 2in;
15. width: 2in;
16. visibility: hidden; }
17.-->
18.</STYLE>
19.<TITLE>Переключение элементов с
20. помощью свойства visibility</TITLE>
21.</HEAD>
22.<BODY>
23.<P>Choose a suspect:</P>
24.<DIV id="container1">
25. <IMG alt="Al Capone"
26. width="100" height="100"
27. src="suspect1.jpg">
28. <P>Name: Al Capone</P>
29. <P>Residence: Chicago</P>
30.</DIV>
31.
32.<DIV id="container2">
33. <IMG alt="Lucky Luciano"
34. width="100" height="100"
35. src="suspect2.jpg">
36. <P>Name: Lucky Luciano</P>
37. <P>Residence: New York</P>
38.</DIV>
39.
40.<FORM method="post"
41. action="http://www.suspect.org/process-bums">
42. <P>
43. <INPUT name="Capone" type="button"
44. value="Capone"
45. onclick='show("container1");hide("container2")'>
46. <INPUT name="Luciano" type="button"
47. value="Luciano"
48. onclick='show("container2");hide("container1")'>
49.</FORM>
50.</BODY>
51.</HTML>
52.


Доступ и установка с jQuery

  • Получить свойство visibility: val = $("div").css("visibility");
  • Установить свойство visibility: $("div").css({"visibility":"..."});
  • Установить свойство visibility: $("div").css("visibility","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org