function openerUp(element) {
    // Varsayılan tıklama davranışını engelle
    event.preventDefault();

    // Tıklanan öğenin data-catID değerini al
    var catID = $(element).attr('data-catID');

    // AJAX POST isteği gönder
    $.post('../include/ajaxLib.php?act=vcat1', { 'catID': catID }, function (cevap) {
       if(cevap) {

        $('.wrp.step2').html(cevap);
        $('.step1').slideUp();
        $('.step3').slideUp();
       }
     }).fail(function (xhr, status, error) {
        console.error('Hata:', error);
    });
}
function openerUp2(element) {
    // Varsayılan tıklama davranışını engelle
    event.preventDefault();

    // Tıklanan öğenin data-catID değerini al
    var catID = $(element).attr('data-catID');

    // AJAX POST isteği gönder
    $.post('../include/ajaxLib.php?act=vcat2', { 'catID': catID }, function (cevap) {
       if(cevap) {

        $('.wrp.step3').html(cevap);
        $('.step1').slideUp();
        $('.step2').slideUp();
        $('.step3').slideDown();
        $('.step3').css("display", "flex");
       }
     }).fail(function (xhr, status, error) {
        console.error('Hata:', error);
    });
}


function back1(element) {

    // Varsayılan tıklama davranışını engelle
    event.preventDefault();

    // Tıklanan öğenin data-catID değerini al
    var catID = $(element).attr('data-catID');

    // AJAX POST isteği gönder
    $.post('../include/ajaxLib.php?act=vcat0', { 'catID': catID }, function (cevap) {
       if(cevap) {

        $('.wrp.step1').html(cevap);
     
       }
     }).fail(function (xhr, status, error) {
        console.error('Hata:', error);
    });

   
        $('.step1').slideDown();
        $('.step2').slideUp();
        $('.step3').slideUp();
        $('.step1').css("display", "flex");
}

function back2(element) {
    event.preventDefault();
        $('.step1').slideUp();
        $('.step2').slideDown();
        $('.step3').slideUp();
        $('.step2').css("display", "flex");
}