qq_27608761
2015-07-22 01:34
采纳率: 42.9%
浏览 2.4k

jquery的slideToggle方法的实现问题

由于我的读取的数据数据库中读出来的,要想实现的效果是一条信息点击出现时,另一条已点击出现的条目就隐藏,怎么实现最好能有范例,求各位慷慨解囊

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 已采纳
     <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
    <style>
        ul.news div{display:none }
    </style>
    <ul class="news" id="ulNews">
     <li><a href="#">new1</a><div>news1新闻详细内容</div></li>
     <li><a href="#">new2</a><div>news1新闻详细内容</div></li>
     <li><a href="#">new3</a><div>news1新闻详细内容</div></li>
     <li><a href="#">new4</a><div>news1新闻详细内容</div></li>
    </ul>
    <script>
        $('#ulNews a').click(function () {
            $(this).next().slideToggle();
            $(this).closest('li').siblings().find('div').slideUp();
            return false
        });
    </script>
    
    打赏 评论
  • danielinbiti 2015-07-22 01:54
     <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $(".btn1").click(function(){
          $('#msgdiv').append("<p id='msg2'>msg2</p>");
          $("#msg1").slideToggle();
      });
    });
    </script>
    </head>
    <body>
    <div id='msgdiv'>
      <p id='msg1'>msg1</p>
    </div>
    <button class="btn1">Toggle</button>
    </body>
    </html>
    
    打赏 评论
  • sina_2831808769 2015-07-25 06:01

    ul.news div{display:none }
    • new1
      news1新闻详细内容
    • new2
      news1新闻详细内容
    • new3
      news1新闻详细内容
    • new4
      news1新闻详细内容
    $('#ulNews a').click(function () { $(this).next().slideToggle(); $(this).closest('li').siblings().find('div').slideUp(); return false });
    打赏 评论

相关推荐 更多相似问题