<table>
    <tr><td>title 1</td></tr>
    <tr class="hidcont"><td>content 1</td></tr>
    <tr><td>title 2</td></tr>
    <tr class="hidcont"><td>content 2</td></tr>
    <tr><td>title 3</td></tr>
    <tr class="hidcont"><td>content 3</td></tr>
</table>

$('tr').click(function(){

    var hidcont = $(this).next('tr');

    if (hidcont.hasClass('hidcont')){

        $('.hidcont').hide();

        $(this).next('tr').toggle();

    }
});

//$('.hidcont').hide();

    $('tr').click(function(){
    
        if ($(this).hasClass('active')) {
            
            $('.hidcont').hide();
            
            $(this).removeClass('active');
            
        }
        else
        {
            
            $('.active').next('.hidcont').hide();
            $('.active').removeClass('active');
            
            $(this).addClass('active');
            $(this).next('.hidcont').show();
        }
        
    });