別のページ (index.php) から呼び出す div があります。この div 内には、親が呼び出されたときに表示したくない別の div があります。
これはHTMLです:
<div id="loginmain">
<div id="logintitle"><b> Log in:</b></div>
<div id="loginbox">
<form method="post" id="loginform" action="" name="loginform">
<label for="username"> Username:</label><span id="asterix">*</span> <input id="username" type="text" name="username" required> <br>
<label for="password">Password:</label><span id="asterix">*</span> <input id="password" type="password" name="password" required><br><br>
<div id="submit_login"> <input type="submit" value="Log in"></div>
</div>
<br>
<div id="loginfooter"><span id="newmember"><b>New to our website? Click <u>here</u></b></span>
</div>
</form>
</div>
そして、これは私が別のページでjQueryで呼び出す方法です!
function showLogin(){
document.getElementById('successful').style.display="none";
$("#login").load("index.php #loginmain");
$("#login").css("display","block");
$("index.php #loginfooter").css("display","none");
}
スクリプトは #login コンテンツを正しく表示しますが、#loginfooter が表示されます。