Question

Is there a straight-forward way to make an element delete-able with a ui button. something along the lines of mouse over ‘x’ button shows, then close…?

Answer 1

It’s very straight-forward with jQuery sure. I’ll leave the CSS to you, here’s a basic mark-up:

<div>
<a href="#" class="close">Close X</a>
<!-- Other code -->
</div>

And the jQuery bit:

$('.close').click(function(){
    $(this).parent().remove();
    // Although I recommend just hiding it
    // like this
    // $(this).parent().hide(); 
    // or fade it out
    // $(this).parent().fadeOut();
    return false;
});