Скрыть div при запуске

Question

Скрыть div при запуске

0

Я пытаюсь скрыть div с id = "test" при загрузке страницы, а затем, когда вы нажмете, появится div. Это то, что у меня есть до сих пор для моего HTML:

<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="Test.js"></script>
<link rel="stylesheet" type="text/css" href="Test.css">
</head>
<body>
    <p id="test">Test</p>
</body>
</html>

И это то, что у меня есть для jQuery:

$(document).ready(function(){  
 $("#Test").hide().load("Test.html", function(){
  $(this).click(function(){
    $(this).fadeTo('slow',1);
});
});

Он все еще не работает, хотя, если кто-то может помочь, я был бы признателен.

bob smith 15 дек. 2013, в 23:53

Источник

Теги:

jquery

3 ответа

Ещё вопросы

j08691 · Answer 1 · 2013-12-15T19-49-00.000Z

jQuery - case-sensitvie. Вы должны использовать $("#test") не $("#Test"). Вы также можете скрыть абзац с помощью чистого CSS с помощью #test {display:none}

Пример jsFiddle (jQuery)

Пример jsFiddle (CSS)

Jacques · Answer 2 · 2013-12-15T20-43-00.000Z

CSS:

#test{display:none;)

JQuery

$(document).ready(function(){  
   $("#test").click(function(){
      $(this).toggle('slow',1);
   });
});

Bas van Dijk · Answer 3 · 2013-12-15T19-10-00.000Z

В коде вы определяете:

<p id="test">Test</p>

Но в Javascript вы используете:

$("#Test").hide().load("Test.html", function(){

Javascript чувствителен к регистру и использует:

$("#test").hide().load("Test.html", function(){

Должна исправить проблему