2013-12-15 4 views
0

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

<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); 
}); 
}); 

Он до сих пор не работает, хотя, если кто-то может, пожалуйста, помогите мне был бы признателен ,

ответ

1

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

jsFiddle example (JQuery)

jsFiddle example (CSS)

0

CSS:

#test{display:none;)  

JQuery

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

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

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

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

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

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

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

Если устранить проблему

Смежные вопросы