Правильное условие для конструкции if else?

[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');
        });
    }
});

[рони]

nina_,
редактирование таблицы

JavaScript копирование значение и введение в дргой селектор

[Alex_63]

nina_,

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