javascript - Weird jQuery and HTML implementation -


OK, so what am I trying to do, a user has to click on a link and a The box is down the slide.
I have main work, but the box looks a little strange. If you click on the specified box (in this case, "About Blogger"), the box slides. Then if you click anywhere in the area under the navigation, the box is also slid. How do I stop this?
relevant coding:

CSS:

  .panel_button {margin: 0; Padding: 0; List-style-type: none; List-style-image: none; List style: none; } .panel_button a {-webkit-transition: All 1s Easy; -Mozy-infection: All 1s easily; Transition: All 1s ease; Background: # F5A564; Color: # F5CBAF; Display area; Status: Relative; Top: -160px; Font-size: 255%; Width: 50%; Height: 160px; Text-decoration: None; } .panel_button a: Hover {background: # 808080; Color: #FFFFFF; } #toppanel {margin-top: 0 pixels; Margin-left: 48%; Status: Completed; Width: 48%; Left: 0 pixels; Z-index: 25; Text align: center; } # Panel {width: 100%; Status: Relative; Top: 1px; Height: 0 pixels; Margin-left: auto; Margin-right: auto; Z-index: 10; Hidden flurry; Align text: left; } #panel_contents {background: #fff; Height: 700px; Width: 100%; Status: Completed; Z-index: -1; }   

Header.php

  & lt; Div id = "container" & gt; & Lt; Ul id = "navigation1" & gt; & Lt; Li & gt; & Lt; A href = "http://www.niu-niu.org/" & gt; Niu & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Ul id = "navigation 2" & gt; & Lt; Li & gt; & Lt; A href = "http://www.spidur.tumblr.com" & gt; Sketch / & lt; Br> Photo & lt; Br> Blogs & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Div class = "panel_button" style = "display: visible;" & Gt; & Lt; A href = "# panel" & gt; AB & T; Br> BLOGGER & lt; / A & gt; & Lt; / Div & gt; & Lt; Ul id = "navigation 4" & gt; & Lt; Li & gt; & Lt; A href = "http://www.niu-niu.org/about" & gt; LINKS & lt; Br> Out & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; Div id = "top panel" & gt; & Lt; Div id = "panel" & gt; & Lt; Div id = "panel_contents" & gt; And jjjjjjjjjjjjjjjjjjjjjjjjjjjjjhere & lt; / Div & gt; & Lt; Div class = "panel_button1" id = "hide_button" style = "display: visible;" & Gt; & Lt; A href = "#" & gt; Hide & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   


I sincerely doubt that this is the issue of jQuery, but I am not familiar with jQuery, so why not:

 < Click on the code> $ (({Height: "430px"}) ("{height:" ("(height") (click on "height" (function () {$ ("div # panel"). ({Height: "0px" }, "Fast");});});   

If you want to see it, then on my website

div.panel_button is embedded in the form of a to fix this problem Should:

  $ ("div.panel_button a"). Click (function () {   

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

python - referencing a variable in another function? -