What about something like this?
$("<li><input type='text' value=" + item.a + " /></li>").hide
().appendTo("#myList").slideDown("fast");
On Dec 7, 8:10 pm, nathanziarek <[EMAIL PROTECTED]> wrote:
> I'm having a hard time working through this in my mind (and a much
> harder time in code.)
>
> I am receiving a JSON array. I am then looping through each result,
> and trying to create three text boxes within a list item for each line
> of data.
>
> The result should look like this: <li><input type="text"
> value="something" />...</li>
>
> Once that node is created, I want to append it to an unordered list,
> but not visible, so that it can immediately slide open.
>
> I can think of some sloppy ways to do this (and maybe they are right),
> but I assume, like every time I use JQ, there is a more elegant
> solution. Any tips or advice are greatly appreciated.
>
> Here's my code, if it helps:
>
> $("document").ready(function () {
> $("#retrieveData").click(function() {
> if($("#urlToGet").val() != undefined) {
> $.getJSON("returnData.php", { url:
> $("#urlToGet").val() },
> function(data){
> //alert(data.length);
> $.each(data, function (i,
> item) {
>
> $("#myList").append("<li id='i"+i+"' style='height:0;
> overflow:hidden'>
>
> <input type='text' value=" + item.a + " />
>
> </li>");
> $("#i" +
> i).animate({height: "20px" });
> });
> });
> } else {
> alert("You must enter a URL for this
> feature to work.");
> }
> return false;
> })
> })
>
> And then in the <body> there is <ul id="myList"></ul>
