<div>こんにちは、訪問者がいくつかのリンクをクリックしたときにボックスを変更しようとしています。そして今、これは正常に機能していません。これについての助けをいただければ幸いです。よろしくお願いします。
//Tab Open events
$("#signUp").click(function(e){
OpenTabs("#SignUpBox");
});
$("#ForgetPassword").click(function(e){
OpenTabs("#PasswordResetBox");
});
function OpenTabs(CssId) {
if(CssId="#SignUpBox"){
ResetPanelsTo("#SignUpBox");
ResizePanelTo("#SignUpBox");
console.log("in if(CssId='#SignUpBox'){");
}
if(CssId="#loginBox"){
ResetPanelsTo("#loginBox");
ResizePanelTo("#loginBox");
console.log("in if(CssId='#loginBox'){");
}
if(CssId="#PasswordResetBox"){
ResetPanelsTo("#PasswordResetBox");
ResizePanelTo("#PasswordResetBox");
console.log("in if(CssId='#PasswordResetBox'){");
}
function ResetPanelsTo(CssId){
if(CssId="#SignUpBox"){
$("#PasswordResetBox").css("display","none");
$("#SignUpBox").css("display","block");
$("#loginBox").css("display", "none");
console.log("ResetPanelsTo SignUpBox");
}
if (CssId="#PasswordResetBox"){
$("#SignUpBox").css("display","none");
$("#PasswordResetBox").css("display","block");
$("#loginBox").css("display", "none");
console.log("ResetPanelsTo PasswordResetBox");
}
if (CssId="#loginBox"){
$("#SignUpBox").css("display","none");
$("#PasswordResetBox").css("display","none");
$("#loginBox").css("display", "block");
console.log("ResetPanelsTo loginBox");
}
}
function ResizePanelTo(CssId) {
if (CssId = "#SignUpBox") {
$(".panel").css({
left: "531px",
top: "-90px",
width: "360px",
height: "350px",
'border-radius': '5px'
});
console.log("ResizePanelTo SignUpBox");
}
if (CssId = "#PasswordResetBox") {
$(".panel").css({
left: "531px",
top: "-90px",
width: "360px",
height: "110px",
'border-radius': '5px'
});
console.log("ResizePanelTo panel");
}
if (CssId = "#loginBox"){
$(".login_panel").css({ left: "0px", top: "0px", width: "220px", height: "161px", background: "#f4f4f4", 'border-radius': '0' });
console.log("ResizePanelTo login_panel");
}
}
}