Question

我有一个textarea并且它不会隐藏使用Firefox 12，但它隐藏在IE9和Chrome中。

textarea有一个按钮，当我点击此按钮时，它会自动显示textarea。

这是我的代码。

<div id="data">
    <div id="data-inner">
        <i>Loading...</i>
    </div>

    <fieldset id="standalone-data-set">

        <div>
            <textarea id="standalone-data" name="standalone-data"></textarea>
        </div>

        <div class="clearfix"-->
            <input id="save-data" class="data-button" type="button" value="Confirm" />
            <input id="cancel-data" class="data-button" type="button" value="Cancel" />
        </div>

    </fieldset>

    <input id="add-data" class="data-button" type="button" value="Add Data" />
</div>

这是我的CSS代码

#standalone-data-set {height: 0px; overflow: hidden;}
#standalone-data {margin: 0 !important; height: 200px !important; width: 880px !important;} input.data-button {font: 100%/25px Tahoma, Verdana, Trebuchet MS, Sans-Serif; float: left !important; margin: 15px 20px 0 0 !important; width: auto !important; padding: 0 20px 2px 20px; height: 25px;}
#add-data {float: none !important;}


<script language=javascript>
$('#save-data').click(function() {
var data = $('#standalone-data').val();
$('input[type=submit], input[type=button]').attr('disabled', 'disabled');
$.post($.getAjaxUrl('userAction', 'CreateRequestData', { 'requestDataID' : data.requestDataID }), { 'data' : data }, function(data) {
data = $.parseJSON(data);
if (data.error == true) {
alert(data.response);
} else {
$('#cancel-data').click();
$('#data-inner').getRequestData(data.requestID);
}
$('input[type=submit], input[type=button]').attr('disabled', '');
});
return false;
}); 


$('#cancel-data').click(function() {
if ($.client.os != 'an unknown OS') {
$('#standalone-data-set').animate({
height: '0px'
}, 100, function() {
$('#add-data').show();
});
return false;
} else {
$('textarea#standalone-data').val('');
}
});

$('#add-data').click(function() {
$('#add-data').hide();
$('#standalone-data-set').animate({
height: '290px'
}, 100, function() {
if (data.CEditor == undefined) {
data.CEditor = $('textarea#standalone-data').tinymce(data.EditorsConfig);
}
$('textarea#standalone-data').val('');
});
return false;
});  
</script>

希望任何人都能解决如何使textarea隐藏的问题。非常感谢。

Answer 1

您可以尝试将textarea包装在div中并隐藏该div。

CSS textarea不会隐藏在Firefox 12中，但它适用于IE9和Chrome

1 个答案: