テーブルの一部の行を初期値では隠し行として
文字をクリックしたら隠し行が表示されるように考えているのですが
うまくいきません。
イメージでは下記の通りです。
初期画面

このうち所有機器をクリックしたら下記の通り

となる仕様で作成しているのですが、うまくいきません。
（所有者をクリックしても同じような動作で内容を表示させたい）
一応作っているコードは下記の通り。
テーブルがなければ動作するのですが、
テーブルをいれるととたんにうまくいかなくなりました。
ご教授方よろしくお願い致します。

html
1<head>
2	<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
3</head>
4  <table border="1">
5    <tr> 
6<section id="acdemo1">
7	<ul>
8<p>
9<td>所有機器</td>
10</p>
11</tr>
12<tr>
13 <td>1</td>
14 <td>iPhone</td>
15 </tr>
16 <tr>
17  <td>2</td>
18  <td>iPad</td>
19 </tr>
20<tr>
21 <td>3</td>
22 <td>iPod</td>
23 </tr>
24 <tr>
25 <td>4</td>
26 <td>Mac Book Pro</td>
27  </tr>
28</ul>
29</section>
30</ul>
31<tr>
32<section id="acdemo1">
33<ul>
34<p>
35<td>所有車</td>
36</p>
37</tr>
38<tr>
39  <td>1</td>
40  <td>コロナ</td>
41 </tr>
42<tr>
43  <td>2</td>
44  <td>ミラ</td>
45</tr>
46</table>
47</ul>
48</section>
49<style>
50
51</style>
52<script>
53$(function() {
54
55		//.accordion1の中のp要素がクリックされたら
56$('.accordion1 p').click(function() {
57//クリックされた.accordion1の中のp要素に隣接するul要素が開いたり閉じたりする。
58$(this).next('ul').slideToggle();
59		});
60	});
61</script>
62
63

行動規範の内容に同意します

回答3件

trタグの直下にsectionタグを置いてはいけません
列数の構成が違うtrをおくときれいに表示することはできません。
以前もお伝えしたかもしれませんが正しいHTMLを書くところから
始めてください

sample

テーブルを整え、カスタムデータを使って適当にグルーピングしました

javascript
1<script>
2$(function(){
3  $('tr[data-position=body]').hide();
4  $('tr[data-position=head]').on('click',function(){
5    $('tr[data-kind='+$(this).data('kind')+']').not($(this)).toggle();
6  });
7});
8</script>
9<table border="1">
10<tbody>
11<tr data-kind="machine" data-position="head"> 
12<td colspan="2">所有機器</td>
13</tr>
14<tr data-kind="machine" data-position="body">
15<td>1</td>
16<td>iPhone</td>
17</tr>
18<tr data-kind="machine" data-position="body">
19<td>2</td>
20<td>iPad</td>
21</tr>
22<tr data-kind="machine" data-position="body">
23<td>3</td>
24<td>iPod</td>
25</tr>
26<tr data-kind="machine" data-position="body">
27<td>4</td>
28<td>Mac Book Pro</td>
29</tr>
30<tr data-kind="car" data-position="head">
31<td colspan="2">所有車</td>
32<tr data-kind="car" data-position="body">
33<td>1</td>
34<td>コロナ</td>
35</tr>
36<tr data-kind="car" data-position="body">
37<td>2</td>
38<td>ミラ</td>
39</tr>
40</tbody>
41</table>