Форум

kuzkuz · #1 (**permalink**) 23.10.2011, 17:51

Помогите пожалуйста что нужно дописать сюда что бы данное правило не скрывало div с определенным id, а постоянно его показывало.

Если подробней есть меню которое покоиться в неком div. а так же есть контент которой располагаться в других div нужно что бы меню было всегда видимым а контент показывался только при запросе.

<style>div{display:none}</style>

Код:

show = function (){
var last;
return function(id){
if(last)last.style.display='';
(last=document.getElementById(id)).style.display=' block';
}
}()

p.s. Помимо всего этого есть таблица стилей для меню которая подключается отдельным файлом .css

ASerputko · #2 (**permalink**) 23.10.2011, 17:56

что вам необходимо достичь ? опишите более четко

kuzkuz · #3 (**permalink**) 23.10.2011, 18:03

Правило не должно работать для div с определенным id случайно создал 2 темы

ksa · #4 (**permalink**) 23.10.2011, 18:26

kuzkuz, похоже у тебя с разметкой и цссом вообще нелады...

Вот например вариант вообще без скрипта.

<style>
div {
   display: none;
}
#menu {
   display: block;
}
</style>
<div id='menu'>Menu</div>
<div>Content 1</div>
<div>Content 2</div>
<div>Content 3</div>

kuzkuz · #5 (**permalink**) 23.10.2011, 18:31

вот весь код!
если нужно могу скинуть css файл
Немогу разобраться!

<html>
<head>
<script type="text/javascript" src="js.js"></script>
<link rel="stylesheet" type="text/css" href="css.css">
<style>div{display:none}</style>
<script>
show = function (){
var last;
return function(id){
if(last)last.style.display='';
(last=document.getElementById(id)).style.display=' block';
if
}
}()
</script>
</head>
<body>
<div class="suckerdiv" style="visibility: visible;">
<ul id="suckertree1">
<li><a href="#">ссылка1</a></li>
<li><a href="#">ссылка1</a></li>
<li><a href="#">ссылка1</a>
<ul>
<li><a href="#">ссылка1</a></li>
<li><a href="#">ссылка1</a>
<ul>
<li><a onclick="show('test_00');" href="#">ссылка1 4</a></li>
<li><a onclick="show('test_01');" href="#>ссылка1 5</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">CSS</a></li>
</ul>
</div>

<div id="test_00" style="">скрытый текст0</div>
<div id="test_01" style="">скрытый текст1</div>

</body>
</html>

ksa · #6 (**permalink**) 23.10.2011, 18:44

kuzkuz, сама практика писать

<style>div{display:none}</style>

ущербна...

В коде твоём есть ошибки... Вот как вариант

<style type="text/css">
#content > div {
	display: none;
}
</style>
<script type='text/javascript'>
function show(id) {
	document.getElementById(id).style.display='block';
}
</script>
<div class="suckerdiv">
 <ul id="suckertree1">
  <li><a href="#">ссылка1</a></li>
  <li><a href="#">ссылка1</a></li>
  <li><a href="#">ссылка1</a>
   <ul>
    <li><a href="#">ссылка1</a></li>
    <li><a href="#">ссылка1</a>
     <ul>
      <li><a onclick="show('test_00');" href="#">ссылка1 4</a></li>
      <li><a onclick="show('test_01');" href="#">ссылка1 5</a></li>
     </ul>
    </li>
   </ul>
  </li>
  <li><a href="#">CSS</a></li>
 </ul>
</div>
<div id='content'>
	<div id="test_00" style="">скрытый текст0</div>
	<div id="test_01" style="">скрытый текст1</div>
</div>

Форум

Справочник

Discord чат

Курсы javascript