help with .animate()
help with .animate()
hello there jquery gurus i have a problem with jquery animate()..can you please help me solve this one..
the problem is that when i delete a record the animation fade out effect wont work..
as i search for a solution it says that it should use color plugin.i already did that but it still not working..
here's my html code..
- <?php foreach($result as $row): ?>
<div id="myDiv">
<table class="record" width="513" border="0">
<tr>
<td ><span class="style1">Check- in :</span></td>
<td width="130"><?php echo $row->check_in_date; ?></td>
<td colspan="2"><span class="style1">Check- out :</span> <?php echo $row->check_out_date; ?></td>
</tr>
<tr>
<td><span class="style1">Location : </span></td>
<td colspan="3"><?php echo $row->location; ?></td>
</tr>
<tr>
<td><span class="style1">Hotel : </span></td>
<td colspan="3"><?php echo $row->choice; ?></td>
</tr>
<tr>
<td><span class="style1">Room Type : </span></td>
<td colspan="3"><?php echo $row->room_type; ?></td>
</tr>
<tr>
<td width="105"><span class="style1">Room No. : </span></td>
<td><?php echo $row->room_req; ?></td>
<td width="108"> </td>
<td width="152">
<a class="delbutton" href="#" id="<?php echo $row->cust_id; ?>"><img src="../../../public/images/trashed.png" alt="" height="15px;" border="0" /> <span class="style2">Cancel</span></a>
</td>
</tr>
</table>
<hr id="hash" />
</div>
<?php endforeach; ?>
and my jquery script..
- $(function() {
$(".delbutton").click(function(){
var element = $(this);
var del_id = element.attr("id");
var info = 'id=' + del_id;
if(confirm("Sure you want to cancel your reservation?"))
{
$.ajax({
type: "POST",
url: "http://myhotel.com/RegisterA/deleteR",
data: info,
success: function(){
}
});
$(this).parent("#myDiv table.record")
.animate({ backgroundColor: "#fbc7c7" }, "fast")
.animate({ opacity: "hide" }, "fast");
}
return false;
});
});