Question: I want to implement layering of screens when transitioning from one screen to another.

Requirement:

i> There is a screen with a button.

ii> When the user clicks on the button , the next screen is displayed in the following manner.

It should move up from down & place on top of the existing screen.
On iPhone , technically its known as implementing the **present model view controller**

I am aware of moving screens left & right , but is there already available API for implementing what I have mentioned.

Any inputs/sample code for implementing the same will be useful.

Warm Regards,

CB

Answer: 
It's definitely the external links that are the issue. The culprit in my case was a font file also being loaded from Google.

**Problem:**

```
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Reenie+Beanie">

```

Commenting or removing this line does work, but the problem is that I need this font to test the website as I'm developing. What I did instead (since I'm using PHP) was echo out the link so that DW can't try to crawl it.

**Solution:**

```
<link rel="stylesheet" type="text/css" href="<?php echo "http://fonts.googleapis.com/css?family=Reenie+Beanie"; ?>">

```

It's pointless code, but it works - DW will stop hanging and the font will still work when testing in a live environment.
First I put the comment tag around the jQuery link to see that it was as suggested above and no it was not.

The problem started after I started the media query in the CSS. I left it fragmented [I had not finished]

Here is the fragment with comment tags around it to disable it.

```
    /*
@media screen and (max-width:
*/

```

The comment tags for html are different than the css ones they look like this: `<!-- [line of html code] -->`

For css use: `/* [line of CSS code] */`

Using the comment tags to disable suspect code is more handy than just deleting things.

Hope that helps somone/
-mack318