js den gelen veriyi url ile ya da tıklamadan açmak ?

url ile yapabilirsiniz.

mantık basit
ör: siteadi.com/?step=1

javascriptle urlden step parametresini çekeceksiniz.

daha sonra if ile kontrol edeceksiniz.

ör:
if(step_check == 1) {
//buraya da step 1 ise step 1 e gitmesini sağlayan kodu yazacaksınız
}

ama benim steplerim şu şekilde örneğin aşağıdaki steplere göre display: none; var bu yüzden step 2 ve 3 görünmüyor benim yapmak istedim işlem şu aslında benim form göndermem gerekiyor ancak javascript ile stepler açıldığı için form gönderip post edemiyorum bu sebeple step2 yi form gönderip formun url is ile açarsam bu sorunu çözerim gibi geliyor ama dediğiniz şekilde yaparsam display:none; lar var onlar olduğu için yine kapalı kalmazlar mı ? çünkü butona bastığımda step 1 display none düşüyor step 2 ekrana geliyor

step 1


<section class="section-register user-container" id="step1">
<div class="container">
<h3 class="trade-aside-header"></h3>
<div class="form home-register-form">
<div class="alert alert-danger" id="error_login" style="display: none;">
<div class="validation-summary-errors"><ul></ul></div>
</div>

Step 2
<section class="section-register user-container" style="display: none;" id="step2">

Step 3
<section class="section-register user-container" style="display: none;" id="step3">

Hocam yapmak istediğinizi tam anlayamadım açıkcası

Sizin elinizde 3 step var
bu stepler formun steplerimi yani kullanıcı step 1 deki bilgileri dolduruyor step 2 ye geçiyor sonra 3 sonra post ediyor ?
eğer bu şekildeyse bunu çok daha farklı ve kolay bir şekilde halledebilirsiniz

Aynen hocam ama benim yapmak istedim şu 3 gündür uğraşıyorum delircem artık valla kullanıcı step 1 de bilgileri girdi değil mi ? heh ben o kullanıcının step 1 de bilgileri girdinde veritabanına step 1 e girdiği bilgileri kayıt etmek istiyorum ardından step 2 ye yönlendirmek istiyorum
Ama ben step 1 e form eklersem step 2 e gitmiyor bu sefer çünkü javascriptin yapısı bozuluyor id ile step2 e e gidip step 1 displaynone olduğu için form ekleyince bu işlemleri yapmıyor.

Benim amacım kullanıcının her stepte girdiklerini veritabanına yazdırmak step1 doldurdu step2 e geçecek veritabanı kayıt yaptı step2 yi doldurdu step 3 e geçeçek step2 de ki bilgileri veritabanı kayıt alsın gibi

[FORM_1]
FORM 1 İÇERİĞİ + POSTU AJAX İLE YAPIN , AJAX SUCCESS DÖNÜNCE -> FORM 1 DISPLAY NONE + FORM 2 DISPLAY BLOCK
[/FORM_1]

[FORM_2 DISPLAY: NONE]
FORM 2 İÇERİĞİ + POSTU AJAX İLE YAPIN , AJAX SUCCESS DÖNÜNCE -> FORM 2 DISPLAY NONE + FORM 3 DISPLAY BLOCK
[/FORM_2]

[FORM_3 - DISPLAY: NONE]
FORM 3 İÇERİĞİ + POSTU AJAX İLE YAPIN , AJAX SUCCESS DÖNÜNCE -> BAŞARILI MESAJI
[/FORM_3]


hocam bu mantıkla ilerleyebilirsiniz.

yada 3 formuda tek seferde post edebilirsiniz.

[FORM]

[DIV_1]
DIV 1 İÇERİĞİ + KULLANICI DOLDURUNCA BUTONLA İLERLEYECEK -> DIV 1 DISPLAY NONE + DIV 2 DISPLAY BLOCK
[/DIV_1 ]

[DIV_2DISPLAY: NONE]
DIV 2 İÇERİĞİ + KULLANICI DOLDURUNCA BUTONLA İLERLEYECEK -> DIV 2 DISPLAY NONE + DIV 3 DISPLAY BLOCK
[/DIV_2]

[DIV_3- DISPLAY: NONE]
DIV 3 İÇERİĞİ + KULLANICI DOLDURUNCA SUBMIT EDECEK -> 3 DIV İÇERİĞİ TEK FORMLA POST EDİLECEK
[/DIV_3]

[/FORM]

a çözdüm hemde çok basitmiş şuan kendime kızıyorum ajax ile form yaptım javascriptle gelen yapıyı bozmadım javascript çalışıyor ama arkada ajaxta çalışıyor js devam ederken ajaxta kaydını tamamlıyor hocam Allah razı olsun valla çözmeme yardım ettin teşekkür ederim.

çözümde şöyle

<script>

$(".uye_kayit").on("submit", function (e) {
e.preventDefault();
$.ajax({
url: "func.php",
data: $(".uye_kayit").serialize(),
type: "post",

success:function(e)


{
if(e == "başarılı"){


}
}

});});


</script>