Как составить код так, чтобы при активном одном из трёх блоков остальные были закрыты?

Question

[Galdar Turin]

$('#createEmployee').on('click', function(){
        $('#blockCreateEmployee').toggle();
    });

    $('td a.editing').on('click', function(){
        var val = $(this).attr('id');
        console.log(val);

        $('#blockDataСhange').toggle();
    });

    $('td a.removal').on('click', function(){
        var val = $(this).attr('id');
        console.log(val);

        $('#blockDataRemoval').toggle();
    });

Кнопки в таблице

'<td><a id="'.$value[0].'" class="editing" href="#"><i class="ion-compose"></i></a></td>'.
'<td><a id="'.$value[0].'" class="removal" href="#"><i class="ion-close-round"></i></a></td>';

Кнопка в форме

<a id="createEmployee" class="btn btn-success m-b-0 waves-effect waves-light js-programmatic-enable">Добавить сотрудника</a>

Блоки которые должны появляться

<div id="blockCreateEmployee" class="noactivesCreate">
</div>
<div id="blockDataСhange" class="noactivesCreate">
</div>
<div id="blockDataRemoval" class="noactivesCreate">
</div>

Comments

[Andrew]

html?

[Galdar Turin]

Andrew,
Кнопки в таблице

'<td><a id="'.$value[0].'" class="editing" href="#"><i class="ion-compose"></i></a></td>'.
'<td><a id="'.$value[0].'" class="removal" href="#"><i class="ion-close-round"></i></a></td>';

Кнопка в форме

<a id="createEmployee" class="btn btn-success m-b-0 waves-effect waves-light js-programmatic-enable">Добавить сотрудника</a>

Блоки которые должны появляться

<div id="blockCreateEmployee" class="noactivesCreate">
</div>
<div id="blockDataСhange" class="noactivesCreate">
</div>
<div id="blockDataRemoval" class="noactivesCreate">
</div>

Answer 1

[Andrew]

Не знаю насколько правильно я понял задачу, но как-то так

$('td a').click(function(){
$('.noactivesCreate').hide();
$('td a').hide();
if($(this).hasClass('editing')){
        $('#blockDataСhange').show();
} else if($(this).hasClass('removal');{
$('#blockDataRemoval').show();
} else{
$('#blockCreateEmployee').show();
}

Comments

[Galdar Turin]

Что-то тут не сходится...

[Galdar Turin]

как-то так сделал, работает, но мне кажется это бред)))

$("#createEmployee").on("click", function(){
        $("#blockDataRemoval").hide();
        $("#blockDataСhange").hide();
        $("#blockCreateEmployee").toggle();
    });

    $("td a.editing").on("click", function(){
        var val = $(this).attr("id");
        console.log(val);
        $("#blockDataRemoval").hide();
        $("#blockCreateEmployee").hide();
        $("#blockDataСhange").toggle();
    });

    $("td a.removal").on("click", function(){
        var val = $(this).attr("id");
        console.log(val);
        $("#blockCreateEmployee").hide();
        $("#blockDataСhange").hide();
        $("#blockDataRemoval").toggle();
    });