Has our client said the "above-the-fold" phrase again? Here is an example on how to get more above the fold, while still allowing for the text entry box with which to send those glowing comments about how usable our site is.
See in this second image how the focused box expands smoothly and fades to yellow:
Once our form is created, we append an ID attribute to the target TEXTAREA element to make single dollar collection of the element easier when we write our MooScript.
<textarea id="grow-grow-grow" style="width:200px;height:50px;" name="customer_comments"> Hello, </textarea>
Note
While using ID attributes and single dollar concatenation may always seem fastest, we are always on the lookout for ways to reduce the amount of code a search engine has to read through. In this case, the ID collection seems the best choice, like this: $('<ID>'). A swarm of nested elements like list items in an UL would call for...