Question

使用jquery处理button事件

本人刚接触jquery不久，想达到一个功能但又不会写，哪位大神帮忙一下。

情况如下：
我在一个类中定义了overflow，隐藏了超出的部分，另外定义了一个按钮。想要在按下的时候显示overflow隐藏的内容，再次按下的时候再隐藏内容。

Answer 1

 <script> 

$(document).ready(function(){

    $("#btn").toggle(function(){

        $("#div1").addClass("cls1").removeClass("cls2");

    },function(){

        $("#div1").addClass("cls2").removeClass("cls1");

    })

 }) 

</script> 


<style>

  .cls1{

overflow:hidden; 

...//其他css 

}

.cls2{

overflow:auto;

...//其他css 

 

}

</style>

追问

新手有些东西还是不太懂
具体问下
#btn和#div1是指我的button和我cls1和cls2的路径么？

追答

$("#btn")这个是你的id为btn的按钮对应的jquery对象。
#div 就是你的要隐藏或者显示的div了。
其实说白了就是用jquery来动态改变你的那个要改变的元素的css样式。

追问

我试了一下，还是不行，不知道哪里出了问题，方便Q聊么，我发私信给你我的Q了，你加我的时候注明是jquery就好。

Answer 2

$('button').onclick(function(){
    if ($('div').css('overflow')=='hidden')
        $('div').css('overflow','visible');
    else
        $('div').css('overflow', 'hidden');
});