JQuery的按鈕每次點擊，顯示/隱藏形成

想我剛開始在這裏，所以還不如找什麼樣的幫助，因爲我這個新手的問題很沮喪......JQuery的按鈕每次點擊，顯示/隱藏形成

我有一個按鈕，顯示我創建的表單，只需點擊一下，但問題出現在我想顯示另一個按鈕附帶的表單時。

我想要什麼，基本上是buttonA顯示formA，但是當我點擊buttonB，我想隱藏formA並顯示formB。現在發生的是它覆蓋了formA和formB。

這裏是我當前的代碼..

function runEffect() { 
    $("#effect").show("drop"); 
}; 

function runEffect2() { 
    $("#effect2").show("drop"); 
}; 


//callback function to bring a hidden box back 
function hideEffect() { 
    $("#effect:visible").hide("drop"); 

}; 

// set effect from select menu value 

$("#button").each(function(index) { 
    $(this).click(function(){ 
    runEffect(); 
    }); 
}); 

$("#button2").each(function(index) { 
    $(this).click(function(){ 
    runEffect2(); 
    }); 
}); 

$("#effect").hide(); 
$("#effect2").hide();

我知道這很容易，但我似乎無法找到它的答案。

謝謝！

來源

2013-02-04 Enrique Bravo

試試這個

function runEffect() { 
    $("#effect").show("drop"); 
    $("#effect2").hide("drop"); 
}; 

function runEffect2() { 
$("#effect2").show("drop"); 
$("#effect").hide("drop"); 
};

來源

2013-02-04 08:03:40 bipen

$('#buttonB').click(funciton()(
$('#formA').hide(); 
$('#formB').show(); 
});

這樣的事情？

來源

2013-02-04 08:04:23 user1801879

我還沒有測試過它，但也許你想要更多的動態功能。按鈕類必須是類似「formButton」的類似於「form1Button」的id，那麼表單id應該是「form1」等。

（表單2將具有類「formButton」，id像「form2Button」和形式2個需求ID「窗口2」

$(".formButton").click(function(e) { 
    e.preventDefault(); //prevent default action 

    var id = $(this).attr('id'); 
    var formId = id.replace('Button', ''); 

    $('#' + formId).show(); 
    $('form').not(document.getElementById(formId)).hide(); 

});

當formButton被點擊時，表單將被顯示。所有其他形式，至極沒有請求的ID，將被隱藏。

來源

2013-02-04 08:19:00 Benz

JQuery的按鈕每次點擊，顯示/隱藏形成

回答

相關問題