javascript - Basics for a .click(function) with jQuery? -

I'm very new to both jQuery and HTML in general. I was just wondering if someone wrote me from this small jQuery script trying to.

I have in my HTML document:

  & lt; Body & gt; & Lt; Div class = "banner" & gt; & Lt; NAV & gt; & Lt; Ul & gt; & Lt; Li id = "home" & gt; & Lt; A href = "#" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li id = "about" & gt; & Lt; A href = "#" & gt; About & lt; / A & gt; & Lt; / Li & gt; & Lt; Li id = "Contact" & gt; & Lt; A href = "#" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Neo & gt; & Lt; / Div & gt; & Lt; Script type = "text / javascript" src = "my_script.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "http://code.jquery.com/jquery-1.9.1.min.js" & gt; & Lt; / Script & gt; & Lt; / Body & gt;   
 With the help of jQuery, I would like to completely change the class banner which is now visible:  
  .banner {height: 200px; Width: 100%; Status: Completed; Top: 300px; Background: Lewt; }   
 I have also been applied to these styles:  
  nav ul {position: absolute; Bottom: 0 pixels; List-style-type: none; Padding: 0 pixels; Margin: 0 px; } Navigate to {display: block; Swim left; Line-height: 2.5m Padding-left: 1em; Margin-left: 1em; Border-left: 1px dotted black; } In any case, I would like to be able to move this "banner" so that it can animate so that it slides over the top of the page, for the top ~ 10px position. . But only if a  ID = "about" " or  id =" contact ", if someone is visited or after contacting If the home is clicked, the original condition will be returned.  
 I just started typing my  my_script.js  file:  
  $ (document.ready (function) {$ ("# to view it I can also get a warning to show by clicking, but obviously,  
 If someone can give me some advice on this, then it will be highly appreciated! Besides, I  
  and  & lt; nav & gt;  tag. I am feeling that I have  & lt; div & gt;  Without tags and my  
  tag firstly, your jQuery code There are a few minor syntax errors.    
 
 
, which can be viewed in the browser console If you use Chrome, then I recommend checking it.  
 The errors are highlighted in the right code below:  
  missing right brackets V $ (document) .ready (function () {$ ("about"). Click (function () {alert ("hello!"}}}) // <- right parenthesis missing)}   
  
 You should also add the following after  return false  or  alert ()  Warning as the browser will follow the following link, which may be what you want to do.  
 I also assume that you are already included in the jQuery library on the page, for example:  
    
 or from a local source.  
 To answer other parts of the question:  
 
 Yes, without you  & lt; Div & gt; . Cementatically it is just  & lt; Nav>   
 Animation / sliding can help, or.   
 will be explicit to use  .banner , instead of  alert ()  you  
  $ ('.banner'). ({Top: '10px'}, 1000) Return Lies