JQuery Coding Question?

Question

I'm kind of new to JQuery i really don't know how to code in the .hide() so that it hides the following code from begin displayed until clicked <li>Changes saved!</li> and then have it fade in using the .fadeIn. Can some one show me how to code in the .hide() and .fadeIn correctly into my JQuery code?

Here is the JQuery code.

$(function() {
    $(".save-button").click(function() {
        $.post($("#contact-form").attr("action"), $("#contact-form").serialize(), function(html) {
            $("div.contact-info-form").html(html);
            $('#changes-saved').append('<li>Changes saved!</li>');
        });
        return false; // prevent normal submit
    });
});

Hey you confused me. :) The list item "Changes Saved!" wont appear until the button is clicked because it is being appended correct? So what are you hiding? — thatryan
– thatryan, Commented Mar 23, 2010 at 5:06
@thatryan, Well instead of appending it can I hide it? I told you I was new :) — SLAPme
– SLAPme, Commented Mar 23, 2010 at 5:08

Amy B · Accepted Answer · 2010-03-23 05:04:27Z

1

$('#changes-saved').append('<li>Changes saved!</li>').show().pause(1000).hide();

Is that what you need?

answered Mar 23, 2010 at 5:04

Amy B

18k12 gold badges66 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pieter Germishuys · Accepted Answer · 2010-03-23 05:16:58Z

0

Have you ensured that your submit button has the class of "save-button". If that is your button's name, you might want to do something like

$("save-button").click(function(){

answered Mar 23, 2010 at 5:16

Pieter Germishuys

4,8861 gold badge28 silver badges34 bronze badges

Collectives™ on Stack Overflow

JQuery Coding Question?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related