1. 程式人生 > >jQuery點選滑動並修改圖示樣式

jQuery點選滑動並修改圖示樣式

//點選滑動改變圖示
$(document).ready(function() {
	$(".show").click(function() {
		$(this).next().slideToggle("slow", function() {
			//獲取原來樣式類三元運算子改變樣式類
			$(this).prev().find('i').attr('class') == 'fa fa-long-arrow-down' ? $(this).prev().find('i').attr('class', 'fa fa-long-arrow-up') : $(this).prev().find('i').attr('class', 'fa fa-long-arrow-down')
		});
	});
});