JS点击展开类效果(toggle),帮忙修改一下效果，谢谢！

JavaScript017

JS点击展开类效果(toggle),帮忙修改一下效果，谢谢！,第1张

原理就是将非当前的回复框隐藏，然后再显示当前的回复框

$('a.J_feed_toggle').not(this).each(function(){

var id = $(this).data('id')

$('#J_feed_list_'+ id).hide()

})

大致这个思路吧，代码可供参考

可以改变 "div" 元素的高度(jQuery的animate方法)：

$(".btn1").click(function(){

  $("#box").animate({height:"300px"})

})

也可以设置溢出隐藏：

<div style="min-height:10pxoverflow:hidden">

    <div style="margin-top:-800px">content more..</div>

</div>

第二种方式也需要js动态改变div style里面的margin-top。

1.给select命名一个id属性，比如select的id叫做ddlSelect

2.给button按钮加个onclick事件，如下下

<input type="button" value="aa" onclick="document.getElementById('ddlSelect').size = document.getElementById('select').length"/>

这样可实现展开效果

提示下：该select原本在js中是没有自动展开的属性的，只能设置select标签的size属性来实现展开的效果