2015-05-26 49 views
0

您在頭部看到的jQuery應該滑動它引用的div,所以您知道爲什麼它不會發生?請解釋我,因爲我對jQuery相當陌生。Jquery SlideUp第一次出現問題

$(文件)。就緒(函數(){$ ( 「關於 」)。點擊(函數(){$ ()效果基本show( 「慢」)。「 關於」。 }); }); 這份執行指數Senza TITOLO

<body> 

     <div id="main"> 

      <div id="logo"> 
      <a href="index.html"> 
      <img src="LogoU.png" width="130px" height="130px" /> 
      </a> 
      </div><!--ends logo--> 

      <br/> 
      <br/> 

      <div id="abovenavigation"> 

      <ul id="container"> 

       <li><a href="index.html"><h1 class="Home">HOME</h1></a></li><!-- 
       --><li><h1 class="About">ABOUT</h1></li><!-- 
       --><li><h1 class="Blog">BLOG</h1></li><!-- 
       --> 

      </ul><!--ends container--> 

      </div><!--ends upper navigation--> 

      <br/> 
      <br/> 

      <div id="me"> 
      <img src="Gregory1.png" width**strong text** 

回答

0

這似乎工作,如果我理解正確。運行此代碼。

$(document).ready(function(){ $(".About").click(function(){ $(".About").slideUp("slow"); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="main"> 
 

 
      <div id="logo"> 
 
      <a href="index.html"> 
 
      <img src="LogoU.png" width="130px" height="130px" /> 
 
      </a> 
 
      </div><!--ends logo--> 
 

 
      <br/> 
 
      <br/> 
 

 
      <div id="abovenavigation"> 
 

 
      <ul id="container"> 
 

 
       <li><a href="index.html"><h1 class="Home">HOME</h1></a></li><!-- 
 
       --><li><h1 class="About">ABOUT</h1></li><!-- 
 
       --><li><h1 class="Blog">BLOG</h1></li><!-- 
 
       --> 
 

 
      </ul><!--ends container--> 
 

 
      </div><!--ends upper navigation--> 
 

 
      <br/> 
 
      <br/> 
 

 
      <div id="me"> 
 
      <img src="Gregory1.png" /> 
 
       </div>

+0

是它的工作原理!所以我的錯誤是我沒有添加你放的鏈接?這意味着jQuery需要插入一個鏈接,比如說,像bootsrap? –

+0

那肯定會做到! :)很高興爲你工作。 。 –