javascript - 用于显示文本框的 jQuery

Question

我正在尝试更改具有属性 display:none;

的文本框的样式

我有另一个文本框，当我在文本框内单击时，我应该将另一个文本框的 css 更改为 display:inline-block!important;

<input type="text" id="linkField" class="form-control " placeholder="Enter the link to track">
<input type="text" id="emailField" class="form-control " placeholder="Enter the Email" style="display:none!important">
<input type="button" class="btn-success btn lightGreen" value="SHORTEN & TRACK">

我尝试过类似的方法，但它不起作用:

$(document).ready(function() {
    $('#linkField').click(function() {
        $("#emailField").css({"display": "inline-block!important"});
    }); 
});

谁能帮帮我？如果您需要更多详细信息，请告诉我。

Answer 1

您可以使用 .show() 而不是摆弄内联 css

$(document).ready(function() {
    $('#linkField').click(function() {
        $("#emailField").show();
    }); 
});

DEMO