Javascript-форум - в чём ошибка?

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - в чём ошибка? (https://javascript.ru/forum/misc/14990-v-chjom-oshibka.html)

в чём ошибка?

хочу чтобы после нажатия картинки открылась вторая невидимая картинка...)
<html>
<head>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<P id="Lib"><Img src="book.jpg" align="buttom" onclick="Otkr()">Библиотека</P>
<P id="Fis"><Img src="Fishing.jpg" align="buttom">Рыболовство</p>
<script type="javascript">
function Otkr(){
Vid='visible';
Fish=docyment.getElementById('Fis').style;
Libr=docyment.getElementById('Lib').style;
if (Libr.visibility==Vid)
{Fish.visibility='visible';
}
else
{Fish.style.visibility=='hidden';
}
}
</script>
</body>
</html>

Шаг первый:
учимся пользоваться форумом. а именно форматируем свое сообщение

Цитата:

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Шаг второй:
Читаем статью.
http://javascript.ru/tutorial/foundation/errors
Используя фаербаг, или другую консоль ошибок JS(есть в каждом браузере, в том или ином виде. гугл в помощь, как отобразить ошибки)
Так, вот, с помощью фаербага вы увидите последовательно все свои ошибки
PS первая ваша ошибка может быть неочевидной:
Надо писать так:

<script type="text/javascript"></script>

а не как вы:

<script type="javascript"></script>

Спасибо)в дальнейшем буду делать так как указано))

<html>
<head>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<P id="Lib"><Img src="book.jpg" align="buttom" onclick="Otkr()">Библиотека</P>
<P id="Fis"><Img src="Fishing.jpg" align="buttom">Рыболовство</p>
<script type="text/javascript">
function Otkr(){
Vid='visible';
Fish=document.getElementById('Fis').style;
Libr=document.getElementById('Lib').style;
if (Libr.visibility==Vid)
{Fish.visibility='visible';
}
else
{Fish.visibility=='hidden';
}
}
</script>
</body>
</html>

Исправил вроде все ошибки..все равно не работает..

Цитата:

Сообщение от fsingle

Fish.visibility=='hidden';

опечатка здесь
будьте внимательнее

Уважаемый Gvozd...не хочу быть навязчивым)вроде все ошибки исправил с вашей помощью...но все равно не работает...

<html>
<head>
<title></title>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<P id="Lib"><Img src="book.jpg" align="buttom" onclick="Otkr()">Библиотека</P>
<P id="Fis"><Img src="Fishing.jpg" align="buttom">Рыболовство</p>
<script type="text/javascript">
function Otkr(){
Vid='visible';
Fish=document.getElementById('Fis').style;
Libr=document.getElementById('Lib').style;
if (Libr.visibility==Vid)
{Fish.visibility='visible';
}
else
{Fish.visibility='hidden';
}
}
</script>
</body>
</html>

надеюсь вы посоветуете еще что нибудь..и укажете что сделать...

Цитата:

Сообщение от fsingle

хочу чтобы после нажатия картинки открылась вторая невидимая картинка

Так?

<!doctype html>
<html>
<head>
<title></title>
<style>
#Fis {
	display: none;
}
</style>
<script type="text/javascript">
function Otkr(){
	document.getElementById('Fis').style.display='inline'
}
</script>
</head>
<body>
<P id="Lib"><Img src="http://javascript.ru/forum/images/smilies/smile.gif" align="buttom" onclick="Otkr()">Библиотека</P>
<P id="Fis"><Img src="http://javascript.ru/forum/images/smilies/victory.gif" align="buttom">Рыболовство</p>
</body>
</html>

ksa, спасибо)ваш вариант подошел)а можно узнать почему мой вариант не приелся скрипте?...

Цитата:

Сообщение от fsingle

можно узнать почему мой вариант не приелся скрипте?

Конечно. :)
Просто поставь после каждой строчки алерты с разными значениями - увидишь как работает твой алгоритм...