列表中鼠标移上下拉更多内容

    <script type="text/javascript">
   	$(function(){
   		$('.jrjp-title').mouseover(function(){
   			$(this).next('.jrjp-content').slideDown(500).siblings('.jrjp-content').slideUp(500);   			
   		});
   	});
   	
    </script>

　　

<div class="panel-bdb jrjp">
	<p class="h4 mb10 jrjp-title"><a class="c-blue2" href="l">标题标题标题标题标题标题标题标题标题</a></p>
	<div class="topic show jrjp-content">

	     <div class="topic-pic">
		<a href="" target="_blank">
			<img src="7238.jpg" class="mil" alt="题标题标题标题标题标题标题标题标题">
		</a>
	     </div>
	     <div class="topic-txt topic-txt1">
	     <p class="abstract c-grey1 small">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
            </div>
       </div>

        <p class="h4 mb10 jrjp-title"><a class="c-blue2" href="l">标题标题标题标题标题标题标题标题标题</a></p>
	<div class="topic show jrjp-content">

	     <div class="topic-pic">
		<a href="" target="_blank">
			<img src="7238.jpg" class="mil" alt="题标题标题标题标题标题标题标题标题">
		</a>
	     </div>
	     <div class="topic-txt topic-txt1">
	     <p class="abstract c-grey1 small">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
            </div>
       </div>

</div>

　　

转载于:https://www.cnblogs.com/px9403/p/5825579.html