jquery как скрыть все tr показывается только одно, когда нажимается больше

Question

, пожалуйста, у меня есть эта таблица ниже с li внутри td и еще одна tr внутри каждого tr, я хочу, чтобы все tr с hideme класса были скрыты до li с class viewmoreInfo щелкнул, он отобразит только tr в этом tr, я просто хочу отобразить информацию об этой конкретной области.

<table id='tableInfo'> 
    <tbody>  
    <tr>  
    <td class='serviceOperator'> 
    <ul><li class="Li_OP">ABC </li> 
    <li class="BType">Marcapolo</li> 
    <li class="viewmoreInfo"><span >More </span></li> 
    </ul> 
    </td> 
    <td class='timeDept'>00:00</td> 
    <td class='timeArr'>00:00</td> 
    <td class='seatType'>40 Seater</td> 
    <td class='fairCh'><span class='currency'>N</span> 3 000</td> 
    <tr class='hideMe'><td >More info about the parent tr</td> </tr> 
    </tr> 

    <tr>  
    <td class='serviceOperator'> 
    <ul><li class="Li_OP">another ABC </li> 
    <li class="BType">Marcapolo</li> 
    <li class="viewmoreInfo"><span >More </span></li> 
    </ul> 
    </td> 
    <td class='timeDept'>00:00</td> 
    <td class='timeArr'>00:00</td> 
    <td class='seatType'>40 Seater</td> 
    <td class='fairCh'><span class='currency'>N</span> 3 000</td> 
    <tr class='hideMe'><td >More info about the parent tr</td> </tr> 
    </tr> 

    <tr>  
    <td class='serviceOperator'> 
    <ul><li class="Li_OP">third ABC </li> 
    <li class="BType">Marcapolo</li> 
    <li class="viewmoreInfo"><span >More </span></li> 
    </ul> 
    </td> 
    <td class='timeDept'>00:00</td> 
    <td class='timeArr'>00:00</td> 
    <td class='seatType'>40 Seater</td> 
    <td class='fairCh'><span class='currency'>N</span> 3 000</td> 
    <tr class='hideMe'><td >More info about the parent tr</td> </tr> 
    </tr> 
    </tbody> 
    </table> 

я попытался использовать этот код, но он только показывает все скрытые тр

$(document).ready(function(){ 
    $(".hideMe").hide(); 
$(".viewmoreInfo").click(function(){ 
    $(".hideMe").toggle(); 
}); 

}); 

я просто хочу, чтобы показать только ВУ, который нажал открыть и если другой тр щелкают другие прячут автоматически, пожалуйста, что это лучший способ сделать это с помощью jquery, вы также заметите, что я помещаю tr внутри другого tr, это морально правильно, потому что я хочу новую строку в tr, где я могу разместить больше информации