This week's book giveaway is in the OO, Patterns, UML and Refactoring forum.
We're giving away four copies of Refactoring for Software Design Smells: Managing Technical Debt and have Girish Suryanarayana, Ganesh Samarthyam & Tushar Sharma on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes hideing tr tag with using jquery when click on image Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "hideing tr tag with using jquery when click on image" Watch "hideing tr tag with using jquery when click on image" New topic
Author

hideing tr tag with using jquery when click on image

Ganeshkumar cheekati
Ranch Hand

Joined: Oct 13, 2008
Posts: 362
<!doctype html>
<html>
<head>
<title></title>
</head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script>

function hiderow() {

$(".sec").hide();
$("#sec1").show();
$("#sec2").hide();
}
function hiderow1() {

$(".sec").show();
$("#sec1").hide();
$("#sec2").show();
}
</script>
<body>
<div >
<table border="0">
<tr id="2">
<td ><span onclick="hiderow()" id="sec2" style="cursor:pointer;">+</span>
<span onclick="hiderow1()" id="sec1" style="cursor:pointer;display:none;">-</span>
</td>

</tr>
</table>


<table border="1">




<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>dfdfdfddf</td><td>dfdfdff</td><td>kfjkdfjdk</td><td>l;fkgldkld</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>dfdfdfdfd</td><td>3dfdfdfdfdf45</td><td>fdfdfdfdfdfd</td><td>3dfdfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>dfdfdfdfd</td><td>345</td><td>345</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>fdfdffdfdf</td><td>3dfdfdfdf45</td><td>3dfdfdfdfd45</td><td>3dfdfdfdfdfdfd45</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>dfdfdfdfdd</td><td>34dfdfdfdfdfddf5</td><td>34dfdfdfdfdf5</td><td>34dfdfdfd5</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>dfdfdfv;l;k</td><td>3dfdfdfdfdfdf45</td><td>345</td><td>3dfdfdfdfdfdfdf45</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>dklkojie</td><td>3dfdfdfdfdfdfdfdff45</td><td>34dfdfdfdfdfdfd5</td><td>3dfdfdfdfdfdfdf45</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>ldklfkdlfkas</td><td>3dfdfdfdff45</td><td>34dfdfdfdfdddfdfd5</td><td>3fddfdfdf45</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>kldkfldjfkdfjsdfd</td><td>3fdfdfdddfdfd45</td><td>345</td><td>34dfdfdfdff5</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>ldfppfdf</td><td>34dfdfdfdf5</td><td>34dfdfdfdfd,lkl5</td><td>34dfdfdfdfdfdfdffdfdfd5</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>ldfppfdf</td><td>345</td><td>34lklkjnjnkjmkjk5</td><td>34dfdfdfdfdfd5</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>
<tr><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td class="sec">345</td><td>ldflfal</td><td>3lkjugujfhcafajjsdj45</td><td>34 kjijjjhuhhuhijhijih5</td><td>3dfdfdfdfd45</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>dfdfdfdf</td><td>adfdfdf</td><td>dfdfdfdf</td></tr>









</table>











</div>

</body>
</html>

SCJP5 and SCWCD1.5
Think Twice Act Wise...
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 63211
    
  69

So what's the question? Just posting a blob of unformatted and unreadable code isn't going to get you much help.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
 
Have you checked out Aspose?
 
subject: hideing tr tag with using jquery when click on image
 
jQuery in Action, 3rd edition