- <body>
- <div id="Main">
- <div class="item currentItem">
- <p class="itemTitle">item1</p>
- <div>
- <li>item1child1</li>
- <li>item1child2</li>
- <li>item1child3</li>
- <li>item1child4</li>
- <li>item1child5</li>
- </div>
- </div>
- <div class="item" style="margin-top:-25px;">
- <p class="itemTitle">item2</p>
- <div>
- <li>item2child1</li>
- <li>item2child2</li>
- <li>item2child3</li>
- <li>item2child4</li>
- <li>item2child5</li>
- </div>
- </div>
- <div class="item" style="margin-top:-25px;">
- <p class="itemTitle">item3</p>
- <div>
- <li>item3child1</li>
- <li>item3child2</li>
- <li>item3child3</li>
- <li>item3child4</li>
- <li>item3child5</li>
- </div>
- </div>
- <div class="item" style="margin-top:-25px;">
- <p class="itemTitle">item4</p>
- <div>
- <li>item4child1</li>
- <li>item4child2</li>
- <li>item4child3</li>
- <li>item4child4</li>
- <li>item4child5</li>
- </div>
- </div>
- </div>
- </body>
- <script src1="http://www.pengyaou.com/jquery-1.4.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(e) {
- $(".item").click(function(){
- var target=$(this);
- $(".item").find("div").animate({height:"0px"},300,function(){
- $(target).find("div").animate({height:"160px"},300);
- });
- });
- });
- </script>
- //该片段来自于http://www.codesnippet.cn/detail/1808201410195.html
来源: http://www.codesnippet.cn/detail/1808201410195.html