Здравствуйте!
Возможно я задаю очень простой вопрос, и просто сам чего то не понимаю, но все же.
Почему так работает функция showorhide():
<HTML>
<HEAD><TITLE>SYSTEM</title>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="css/style.css">
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.jeditable.js" type="text/javascript"></script>
<script src="js/scripts.js" type="text/javascript"></script>
<script>
function ShowOrHide(){
var infodiv = $("#info");
var infocss = infodiv.css('display');
if(infocss == 'none'){
infodiv.fadeIn(400);
infodiv.css({display:'block'});
}else{
infodiv.fadeOut(400);
infodiv.css({display:'none'});
}
}
</script>
</head>
<body>
<div id="clicker" onClick="ShowOrHide();"><a href="#">Click</a></div><BR>
<div id="info" style="display:none;">
display this
</div>
</body>
</html>
А если запихнуть эту функцию в подключаемый файл scripts.js, получается ошибка как будто функция не описана.
<HTML>
<HEAD><TITLE>SYSTEM</title>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="css/style.css">
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.jeditable.js" type="text/javascript"></script>
<script src="js/scripts.js" type="text/javascript"></script>
</head>
<body>
<div id="clicker" onClick="ShowOrHide();"><a href="#">Click</a></div><BR>
<div id="info" style="display:none;">
display this
</div>
</body>
</html>
scripts.js:
function ShowOrHide(){
var infodiv = $("#info");
var infocss = infodiv.css('display');
if(infocss == 'none'){
infodiv.fadeIn(400);
infodiv.css({display:'block'});
}else{
infodiv.fadeOut(400);
infodiv.css({display:'none'});
}
}
Пожалуйста, укажите что я делаю не так?? =))