<div id="list">
    <ul>
        <li id="arrayorder_42">
            <div class="captionbox">
                <textarea name="" cols="" rows="" placeholder="type your caption"></textarea> <a href="#" class="sbtn_green">save</a>  <a href="#" class="collapsed sbtn_gray">close</a>

            </div>
            <img src="thumbnail/Picture2.jpg" /> <a href="?delete=42" class="sbtn_red">Delete</a>
 <a href="#" class="caption sbtn_gray">caption</a>
        </li>
        <li id="arrayorder_42">
            <div class="captionbox">
                <textarea name="" cols="" rows="" placeholder="type your caption"></textarea> <a href="#" class="sbtn_green">save</a>  <a href="#" class="collapsed sbtn_gray">close</a>

            </div>
            <img src="thumbnail/Picture2.jpg" /> <a href="?delete=42" class="sbtn_red">Delete</a>  <a href="#" class="caption sbtn_gray">caption</a>
        </li>
        <li id="arrayorder_42">
            <div class="captionbox">
                <textarea name="" cols="" rows="" placeholder="type your caption"></textarea> <a href="#" class="sbtn_green">save</a>  <a href="#" class="collapsed sbtn_gray">close</a>

            </div>
            <img src="thumbnail/Picture2.jpg" /> <a href="?delete=42" class="sbtn_red">Delete</a>  <a href="#" class="caption sbtn_gray">caption</a>
        </li>
    </ul>
</div>

$(".caption").hover(function(){
    $(this).find('.captionbox').slideToggle();
    });