[nina_]

Добрый день

Прошу помощи, чтобы осуществить следующее:
по клику на <td> должен открыться input, у которого value равно тому,
что находиться между тегами <td>. Повторный клик по этому <td> должен скрыть input и убрать value из него.

Изначально написала как-то так:

$(document).ready(function(){
    $('td').click(function(){
        var dateout = $(this).find('span').html();
        $(this).find('input').show().attr('value', dateout);
            $(this).click(function(){
                $(this).find('input').hide().removeAttr('value');
            });
    });
});

но повторить открыть/закрыть по клику не получилось,
нужно вероятно писать с помощью if else, но как правильно написать
условие?

$(document).ready(function(){
    var inp = $('input');
    if (inp.css('display')=='none'){ 
        $('td').click(function(){
            var dateout = $(this).find('span').html();
            $(this).find('input').show().attr('value', dateout);
        });
    }
    else{
        $('td').click(function(){
            $(this).find('input').hide().removeAttr('value');
        });
    }
});