Looking to build an expand on hover/contract on blur div

前端 未结 3 1846
渐次进展
渐次进展 2020-12-17 02:14

Hey all, I\'ve been beating my head against the search engine walls for a couple hours now and figure I might as well just ask...

I need to build a div that is one s

3条回答
  •  我在风中等你
    2020-12-17 02:49

    You can use Psuedo-classes in CSS if you don't want an animation.

    div.div {
       height: 30px;
       width: 300px;
       border: 1px solid black;
    }
    
    div.div:hover {
       height: 300px;
    }​
    

    Live Example

    http://jsfiddle.net/aFUmS/

    $('.div').hover(function() {
        $(this).animate({
            height: '300px'
        }, 300);
    },function() {
        $(this).animate({
            height: '30px'
        }, 300);
    });​
    

    jQuery example if you want animation

    http://jsfiddle.net/CvhkM/

提交回复
热议问题