Клик по кнопке срабатывает со второго раза при первом действиии
 

Есть две кнопки свернуть и развернуть. Раньше все работало, но я много изменял и что-то намудрил. При первом обращении нужно кликнуть два раза, чтобы кнопка сворачивала и разворачивала. После этого срабатывает с 1 раза. При обновлении тоже самое.

Вот код кнопки:

<div class="cart">
        				<input type="button" value="<?php echo $views_buttons[$view_type]; ?>" onclick="wholesaleShowHide(this);" class="button" jsdata='{"state":<?php echo $view_type; ?>,"id":<?php echo $product['id'];?> ,"text0":"<?php echo $views_buttons[0]; ?>", "text1":"<?php echo $views_buttons[1]; ?>"}'>
     				</div>

Вот функция:

function wholesaleShowHide(item){
	item = $(item);
	data = $.parseJSON(item.attr('jsdata'));
	//console.log(data);
	if(data.state == 0){
		item.val(data.text0);
		$('.product-type-2.id-'+data.id).fadeOut( "fast", "linear" );

		data.state = 1;
		item.attr('jsdata',JSON.stringify(data));
	}else{
		item.val(data.text1);
		$('.product-type-2.id-'+data.id).fadeIn( "slow", "linear" );

		data.state = 0;
		item.attr('jsdata',JSON.stringify(data));
	}
}

Что это может быть такое?

Разобрался сам. Все работает. Нужно было местами поменять fadeIn и fadeOut