jquery UI dialog expand

I would like to create an jquery UI dialog that is able to expand to show more开发者_如何转开发 fields when clicking on a button. Does anyone have an idea?

---

Put the additional fields in a div with display:none, and have the button show that div when clicked.

Here's a demo using jsFiddle.

---

Create an button in dialog box, which further makes ajax request and renders the expandable contents into dialog box.

As dialog box is loaded after initial DOM is loaded, so you need the call expand & collapse function after new element is loaded into the dialog box.