JSFiddle - React, Tailwind, and code Playground

HTML

<p class="back"><<<<<</p>
<div class="show_1">
<p class="category" data-type="1">Категория 1</p>
<p class="category" data-type="2">Категория 2</p>
<p class="category" data-type="3">Категория 3</p>
</div>
<div class="show_2" style="display: none;">
    <p class="result">result</p>
</div>

JavaScript

var type = 1;

$('.back').on('click', function() {
    $('.show_1').show();
    $('.show_2').hide();
});

$('.category').on('click', function() {
    $('.show_2').show();
    $('.show_1').hide();

    type = $(this).data('type');
});

$('.result').on('click', function() {
    alert(type);
});