Jquery SlideUp第一次遇到麻烦

时间:2015-05-26 21:42:45

标签: javascript jquery

你在头脑中看到的jQuery应该向上滑动它引用的div,所以你知道它为什么不会发生吗?请解释一下,因为我对jQuery很新。

                                    $(文件)。就绪(函数(){             $("。关于&#34)。单击(函数(){                 $("。关于&#34)效果基本show("慢&#34)。             });         });                           Documento 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**

1 个答案:

答案 0 :(得分:0)

如果我理解正确,似乎有效。运行此代码。

&#13;
&#13;
$(document).ready(function(){ $(".About").click(function(){ $(".About").slideUp("slow"); }); });
&#13;
<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>
&#13;
&#13;
&#13;