Я хочу изменить видимость div на видимый по умолчанию он скрыт

Question

Это мой код, в котором я установил div div visibilty по умолчанию скрыто

<div id="addComments" align="center" style="width:300px; height:300px; visibility:hidden">
    <button>Submit</button>
    <button>Cancel</button>
</div>

но когда я нажимаю на эту ссылку, я хочу изменить видимость div на видимый.

<a href="javascript:addMethod()">+ Create a new comment</a>

метод по этой ссылке следующий:

function addMethod() {
    try {

        var obj = document.getElementById('addComments');
        obj.visibility = "visible";
        var mashupId = _settings.ratedObjectId;
        var tenantId = _settings.tenantId;
        var comments = null;
        var user = { "Id": 2007, "FirstName": "Ufone", "LastName": "", "EmailAddress": "ahmed.ali@vidizmo.com509" };
        var ratingInfo = {
            "Id": 0,
            "TenantId": tenantId,
            "UserId": user.Id,
            "FirstName": user.FirstName,
            "LastName": user.LastName,
            "Rating": 0,
            "EmailAddress": user.EmailAddress,
            "Comments": comments,
            "RatedObjectTypeInfo": { "Id": 2 },
            "RatingTypeInfo": { "Id": 1 },
            "MashupRatingInfo": { "MashupMetaInfoId": mashupId },
            "RatedObjectId": mashupId,
            "TotalCount": 0
        };

        var url = "http://services.farooq.tv/RatingInfoManagementService/RatingInfoManagementService.svc/ajax/AddRating";

        $.ajax({
            type: "POST",
            url: url,
            data: JSON.stringify(ratingInfo),
            contentType: "application/json",
            timeout: 5000,
            success: function (d) {
                console.log(d);
                if (d == true) {

                    alert("Thank you");
                }
                else {

                    alert("Rewrite");
                }
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log(xhr);
            }



        });

    }
    catch (err) {

        alert(err);}

}

помогите, пожалуйста, я новичок в программировании.

Answer 1

При работе с css используйте "style.visibility" (т.е. obj.style.visibility = "visible")

Answer 2

Я бы посоветовал вам использовать одну из доступных Javascript-фреймворков ... например, jQuery делает жизнь намного проще ... вы можете использовать предоставленные там селекторы, чтобы просто выбрать любой элемент, который вы хотите ... после этого вы можете легко обрабатывать изменения CSS

например:

$(selector).css("attribue","value");
or $(selector).show(); //or hide()

Answer 3

Изменить

var obj = document.getElementById('addComments');
obj.visibility = "visible";

На

$('#addComments').show()