On click ticket ID open message-content tr

JavaScript
1

hi all

I am trying to open message-content tr on click ticket ID

but its not opening message-content tr

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
#imaptable{border:1px solid #CCCCCC; border-collapse:collapse}
#imaptable td{padding:3px}
#imaptable th{background-color:#eee; padding:3px;}
.message-content{display:none}
</style>
</head>

<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="imaptable">

<tr>
<td><a href="" class="ticket">Ticket ID</a></td>
<td class="date">Mon, 7 May 2016</td>
<td class="from">John</td>
<td class="subject">Subject : inquiry df</td> 
</tr>
<tr>
<td class="message-content" colspan="5">first ticket message comes here</td>
</tr>

<tr>
<td><a href="" class="ticket">Ticket ID</a></td>
<td class="date">Mon, 12 May 2016</td>
<td class="from">Sam Cook</td>
<td class="subject">Subject : getting latest phone</td> 
</tr>
<tr>
<td class="message-content" colspan="5">second ticket message comes here</td>
</tr>

</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
var msgopen = $('.message-content');
$('.ticket').click(function(e) {
   msgopen.hide();
   $(this).closest("tr").next(".message-content").show();
});
</script>
</body>
</html>

vineet

2 
$(this).closest("tr").next(".message-content")

This doesn’t match anything… try

$('.ticket').click(function(e) {
  e.preventDefault();
  msgopen.hide();
  $(this).closest("tr")
    .next()
    .find(".message-content")
    .show();
});
3

thanks m3g4p0p

it works perfect
vineet

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.