Open table with same data-href
I have a page with clickable tables with a ID as data-href. Now I want to open another table with the same data-href value when this is clicked.
How to do this?
For example:
<table class='waroverzicht' data-href='15'>
<tr>
<td>
[18-11-2015]
</td>
<td>
DenHaag Outlawz
</td>
<td>
-
</td>
<td>
Devil Attackers
</td>
</tr>
<tr>
<td>
</td>
<td>
65
<img src="images/ster.png"/>
</td>
<td>
</td>
<td>
52
<img src="images/ster.png"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
88.68 %
</td>
<td>
</td>
<td>
79.96 %
</td>
</tr>
</table>
<table class='pure-table invullen waroverzichttabel' data-href='15'> <thead> <th> </th> <th>Gebruikersnaam</th> <th>Positie 1e aanval</th> <th>Sterren 1e aanval</th> <th>Nieuwe sterren 1e aanval</th> <th>% 1e aanval</th> <th>Positie 2e aanval</th> <th>Sterren 2e aanval</th> <th>Nieuwe sterren 2e aanval</th> <th>% 2e aanval</th> <th>Aantal x verdediging gebruikt</th> <th>Aantal x verdedigd success</th> </thead> <tbody> <tr> <td>1</td> <td>DOUG</td> <td>2</td> <td>1</td> <td>1</td> <td>67</td> <td>3</td> <td>2</td> <td>1</td> <td>62</td> <td>1</td> <td>0</td> </tr> <tr> <td>2</td> <td>OneEyedSharky</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td>1</td> <td>0</td> </tr> <tr> <td>3</td> <td>Danny_Diablo</td> <td>3</td> <td>1</td> <td>1</td> <td>50</td> <td>4</td> <td>1</td> <td>1</td> <td>47</td> <td>1</td> <td>0</td> </tr> <tr> <td>4</td> <td>Bas</td> <td>1</td> <td>2</td> <td>2</td> <td>55</td> <td>5</td> <td>2</td> <td>2</td> <td>60</td> <td>2</td> <td>2</td> </tr> <tr> <td>5</td> <td>daantjexcool</td> <td>9</td> <td>3</td> <td>3</td> <td>100</td> <td>6</td> <td>2</td> <td>1</td> <td>98</td> <td>2</td> <td>1</td> </tr> <tr> <td>6</td> <td>MitaahSRS</td> <td>6</td> <td>1</td> <td>1</td> <td>54</td> <td>7</td> <td>1</td> <td>0</td> <td>50</td> <td>1</td> <td>0</td> </tr> <tr> <td>7</td> <td>xxpr3xx</td> <td>7</td> <td>2</td> <td>2</td> <td>64</td> <td>8</td> <td>0</td> <td>0</td> <td>47</td> <td>1</td> <td>0</td> </tr> <tr> <td>8</td> <td>070NRG</td> <td>8</td> <td>2</td> <td>2</td> <td>56</td> <td>6</td> <td>2</td> <td>0</td> <td>65</td> <td>1</td> <td>0</td> </tr> <tr> <td>9</td> <td>Matthew</td> <td>6</td> <td>0</td> <td>0</td> <td>49</td> <td> </td> <td> </td> <td> </td> <td> </td> <td>3</td> <td>0</td> </tr> <tr> <td>10</td> <td>gekkem</td> <td>10</td> <td>3</td> <td>3</td> <td>100</td> <td>11</td> <td>3</td> <td>1</td> <td>100</td> <td>1</td> <td>0</td> </tr> <tr> <td>11</td> <td>D0n Amand0</td> <td>11</td> <td>2</td> <td>2</td> <td>88</td> <td>8</td> <td>2</td> <td>0</td> <td>64</td> <td>1</td> <td>0</td> </tr> <tr> <td>12</td> <td>Sp4cebar</td> <td>12</td> <td>2</td> <td>2</td> <td>99</td> <td>15</td> <td>3</td> <td>1</td> <td>100</td> <td>1</td> <td>0</td> </tr> <tr> <td>13</td> <td>vvernah</td> <td>13</td> <td>3</td> <td>3</td> <td>100</td> <td>12</td> <td>3</td> <td>1</td> <td>100</td> <td>1</td> <td>0</td> </tr> <tr> <td>14</td> <td>HafidA</td> <td>14</td> <td>3</td> <td>3</td> <td>100</td> <td>16</td> <td>3</td> <td>1</td> <td>100</td> <td>4</td> <td>0</td> </tr> <tr> <td>15</td> <td>Prevolution</td> <td>15</td> <td>0</td> <td>0</td> <td>42</td> <td>16</td> <td>3</td> <td>0</td> <td>100</td> <td>4</td> <td>0</td> </tr> <tr> <td>16</td> <td>Caighin</td> <td>16</td> <td>2</td> <td>2</td> <td>85</td> <td>15</td> <td>1</td> <td>0</td> <td>71</td> <td>2</td> <td>0</td> </tr> <tr> <td>17</td> <td>Regular Bas</td> <td>17</td> <td>3</td> <td>3</td> <td>100</td> <td>15</td> <td>2</td> <td>2</td> <td>65</td> <td>2</td> <td>0</td> </tr> <tr> <td>18</td> <td>070NRG2</td> <td>18</td> <td>3</td> <td>3</td> <td>100</td> <td>14</td> <td>1</td> <td>0</td> <td>59</td> <td>2</td> <td>0</td> </tr> <tr> <td>19</td> <td>triggerhappy</td> <td>19</td> <td>3</td> <td>3</td> <td>100</td> <td>20</td> <td>3</td> <td>2</td> <td>100</td> <td>1</td> <td>0</td> </tr> <tr> <td>20</td> <td>RickyDenHaag</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td>1</td> <td>0</td> </tr> <tr> <td>21</td> <td>Stefan</td> <td>21</td> <td>3</td> <td>3</td> <td>100</td> <td>20</td> <td>0</td> <td>0</td> <td>24</td> <td>1</td> <td>0</td> </tr> <tr> <td>22</td> <td>Outlaw Bas</td> <td>20</td> <td>1</td> <td>1</td> <td>71</td> <td> </td> <td> </td> <td> </td> <td> </td> <td>1</td> <td>0</td> </tr> <tr> <td>23</td> <td>!!dominator!!</td> <td>23</td> <td>3</td> <td>3</td> <td>100</td> <td>22</td> <td>3</td> <td>3</td> <td>100</td> <td>2</td> <td>1</td> </tr> <tr> <td>24</td> <td>Nightmare</td> <td>24</td> <td>3</td> <td>3</td> <td>100</td> <td>21</td> <td>3</td> <td>0</td> <td>100</td> <td>4</td> <td>2</td> </tr> <tr> <td>25</td> <td>TheHagueOutlaw</td> <td>25</td> <td>3</td> <td>3</td> <td>100</td> <td>21</td> <td>3</td> <td>0</td> <td>100</td> <td>1</td> <td>0</td> </tr> </tbody> </table>
I have this but I don't know what to do next:
<script>
$( document ).ready(function() {
$(".waroverzichttabel").hide();
$(".waroverzicht").click(function() {
var href = $(".waroverzicht").attr('data-href');
$(".waroverzichttabel").attr('data-href').toggle();
});
});
</script>