кнопка двойного действия
 

Здравствуйте первая функция срабатывает при нажатии и блок раскрывается, потом по идее класс же измененный а второй раз кнопка на сворачивание не срабатывает, скажите почему?

$('.down_arrow').click(function(){
	    var $input = $('input[type="text"]', $(this).closest('tr'));
		$(this).closest('tr').next('tr').slideDown();
		$(this).removeClass("down_arrow").addClass("up_arrow");
	  
		
});
$('.up_arrow').click(function(){
	    
		$(this).closest('tr').next('tr').slideUp();
		$(this).removeClass("up_arrow").addClass("down_arrow");
	   
});

Просто нет события, вот и все.

Выкинь все, что ты написал... Используй это
http://jquery-docs.ru/Effects/slideToggle/

так а как изменить чтобы событие было? Ведь я класс изменил, что ему еще надо?

Иди учи основы, а, переставай глупые вопросы задавать.

Ты проставил событие не класу. Ты проставил событие всем элементам класса "up_arrow", которые на момент простановки присутствовали на странице.

а в чем разница как еще классу событие поставить, скажите пожалуйста как эту задачу решить?

Воспользоваться методом по моей ссылке выше...

не пойму как этот метод может мне помочь, если вы понимаете приведите пример пожалуйста

Тогда бросай это дело и не мучай себя...

мне это надо, помогите прикиньте кодовое решение я пойму, спасибо

Ох, если ты не можешь разобраться в такой простой вещи, я бы тебе советовал вообще перестать кодить. Либо идти учить основы, а не сразу бросаться на RIA.

ТС, тут ровно 1 событие и 1 функция на нем. С условием если открыто то закрыть иначе открыть. Это условие встроено в ран-тайм метод, называется toggle https://developer.mozilla.org/en-US/...ment.classList

Сделал вот так как я понял, но не работает

<button id="button">Click</button>
<div id="block">Здесь любая информация</div>	
</div>
<style>
#block{
display: none;
}
</style>

<script>
$(function() {
var
button = $("#button"),
block = $("#block");
button.toggle(
function() {
block.show(300);
return false;
}, function() {
block.hide(300);
return false;
});
});
</script>