get parentNode and then div with class

get parentNode and then div with class

Hello,

I want to get the div with class "editrow" to change display and height when the div with class "col3" is clicked on the same li tag.

I have the following (not working) code. Any help in this simple (but hard for me the noob) is really welcome
  1. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  2. <script type="text/javascript" src="jquery-ui-1.8.1.custom.min.js"></script>
  3. <script type="text/javascript">
  4. $(document).ready(function(){
  5. $('#cats_list').sortable();
  6. $(".col3").one('click', function () {
  7. $(this.parentNode.editrow).css("display","block"),
  8. $(this.parentNode.editrow).css("height","30px")
  9. });

  11. });
  12. </script>
  13. <style type="text/css">
  14. #cats_list {
  15. padding:0;
  16. margin:0;
  17. clear: both;
  18. }
  19. .clear { clear: both;}
  20. #cats_list li {cursor:move; color: #FFFFFF; clear: both;}
  21. .col1, .col2, .col3, .col4 {
  22. float: left;
  23. display: block;
  24. color: #000000;
  25. }
  26. .col1 { width: 200px;}
  27. .col2 { width: 400px;}
  28. .col3 { width: 100px; cursor:pointer;}
  29. .col4 { width: 100px; cursor:pointer;}
  30. .editrow {
  31. height: 0;
  32. display: none;
  33. }
  34. </style>
  35. <div class="col1">Category Title</div><div class="col2">Permalink</div>
  36. <div class="clear"><br /></div>
  37. <form method="POST" action="/apo/projectscats.php">

  38.  <ul id="cats_list">

     <li>
     <input type="hidden" name="cats[]" value="2" />

     <div class="col1">category 2</div><div class="col2">perma2</div><div class="col3">edit</div><div class="col4">del</div>








  39.  <div class="clear"></div>
     
     <div class="editrow">
     <div class="col1">
     <input type="text" name="cat_titles[]" value="category 2" />
     </div>
     
     <div class="col2">
     <input type="text" name="cat_perma[]" value="perma2" />
     </div>
     </div>










  40.  
     </li><li>
     <input type="hidden" name="cats[]" value="1" />

     <div class="col1">category 1</div><div class="col2">perma1</div><div class="col3">edit</div><div class="col4">del</div>

     <div class="clear"></div>
     
     <div class="editrow">
     <div class="col1">









  41.  <input type="text" name="cat_titles[]" value="category 1" />
     </div>
     
     <div class="col2">
     <input type="text" name="cat_perma[]" value="perma1" />
     </div>
     </div>
     
     </li><li>
     <input type="hidden" name="cats[]" value="5" />











  42.  <div class="col1">cat5</div><div class="col2">perma5</div><div class="col3">edit</div><div class="col4">del</div>

     <div class="clear"></div>
     
     <div class="editrow">
     <div class="col1">
     <input type="text" name="cat_titles[]" value="cat5" />
     </div>







  43.  
     <div class="col2">
     <input type="text" name="cat_perma[]" value="perma5" />
     </div>
     </div>
     
     </li><li>
     <input type="hidden" name="cats[]" value="3" />

     <div class="col1">cat3</div><div class="col2">perma3</div><div class="col3">edit</div><div class="col4">del</div>









  44.  <div class="clear"></div>
     
     <div class="editrow">
     <div class="col1">
     <input type="text" name="cat_titles[]" value="cat3" />
     </div>
     
     <div class="col2">
     <input type="text" name="cat_perma[]" value="perma3" />
     </div>









  45.  </div>
     
     </li><li>
     <input type="hidden" name="cats[]" value="4" />

     <div class="col1">cat4</div><div class="col2">perma4</div><div class="col3">edit</div><div class="col4">del</div>

     <div class="clear"></div>
     
     <div class="editrow">









  46.  <div class="col1">
     <input type="text" name="cat_titles[]" value="cat4" />
     </div>
     
     <div class="col2">
     <input type="text" name="cat_perma[]" value="perma4" />
     </div>
     </div>
     
     </li> </ul>









  47.  <div class="clear"><br /></div>
     <input type="submit" name="reorder" value="Submit" />
     </form>