jQuery animate 動畫效果

$(document).ready(function(){ $(".show_more").click(function(){ var change_height=$(".weather").css("height"); //變量change_height的值為class="weather"中height屬性的值 if(change_height=="280px"){ $(".weather").animate({height:"360px"},800); //800為動畫效果時間 $(".weather_left").animate({height:"360px"}); $(".Saturday").css("display","block"); $(".Sunday").css("display","block"); $(".Sunday").css("border-bottom","0"); $(".Friday").css("border-bottom","1px solid silver"); $(".show_more").html("∧ 5天預報"); //改變文本 $(".show_more").css("font-weight","bold"); }else{ $(".weather").animate({height:"280px"},800); $(".weather_left").animate({height:"280px"}); $(".Saturday").css("display","none"); $(".Sunday").css("display","none"); $(".Friday").css("border-bottom","0"); $(".show_more").html("∨ 7天預報"); } }); });

更多animate()動畫效果