问如何隐藏动态创建的div

EN

$(document).on( "click","li",function() {
    // send the id to removefunction to remove the element
    if (confirm("Do you want to remove this artical?")) {
        removeArticle($(this).attr('name'));
    }
});

<div class="artical">
    <h1><?php echo  $obj['title']; ?></h1>
    <ul class="articalInfo">
        <li> February 12, 2014, 0</li>
        <li>Comments</li>
        <li>More</li>
        <li class="delete" name="<?php echo $id;?>">Delete</li>
        <li class="edit" name="<?php echo $id;?>">Edit</li>
    </ul>
    <p>
        <?php echo $obj['text']; 
            break;// don't use break if it has no loops and conditions
        ?>
    </p>
</div>
<script>
$(function(){
    $(document).on( "click","li",function() {
        // code for removing article after confirmation
        if (confirm("Do you want to remove this artical?")) {
            $('#'+$(this).attr('name')).hide( "slow", function() { // hiding the article
                $(this).remove(); // remove the article
            });
        }
    });
});
</script>

$(document).on("click", "li", function () {
       // send the id to removefunction to remove the element
        var r=confirm("Do you want to remove this artical?");
        if (r==true)
        {
        removeArticle($(this).attr('name'));
        }
 });

$(document).on("click","li",function()
{
//your code
});