Question

I am working on a page, which has a link which reads “update”. When users click this link, I would like a form to use a slide effect and appear underneath the link. When the form is submitted, it updates the db, and the menu vansihes.

I know this can be done with javascript, but I am not sure how to implement it.

Much thanks

Answer 1

First off, use jquery, it will be simpler and compliant cross browser.

Appearing with a slide effect can be done with Jquery UI.

$("div").click(function () {
      $(this).show("slide", { direction: "down" }, 1000);
});

Updating the db assynchronously can be done using the post method:

$.post("/action.php", { },
      function(data){
    }, "text");

… but you can also simply post the form synchronously and refresh the page.