次のコードがあります。
$('.signup-form-wrapper').css("style", "display: block");
$('.login-form-wrapper').css("style", "display: none");
なぜ機能しないのかわかりません。要素は現在、次のようになっています。
<div class="signup-form-wrapper form-wrapper" style="display: none;">
このスタイルを display: block に変更しようとしていますが、どうすればよいですか?
コードを次のいずれかに変更できます。
$('.signup-form-wrapper').show();
これは .css('display', 'block') の呼び出しとほぼ同じですが、表示プロパティが最初の状態に復元される点が異なります。
ソース: http://api.jquery.com/show/
また
$('.signup-form-wrapper').css({ display: 'block' });
.css(プロパティ)
.css(プロパティ名、値)
ソース: http://api.jquery.com/css/#css-propertyName-value
どちらも要素を表示し、スタイルを変更します。
.css()それ自体styleが要素の を設定します。
関数呼び出しの構文は次のとおりです。
$(elem).css('style-property','style-value');
コードを次のように変更します。
$('.signup-form-wrapper').css("display", "block");
$('.login-form-wrapper').css("display", "none");
または、単一要素の複数のスタイルの場合は、オブジェクトを渡します。
$(elem).css({'style-property1':'style-value1','style-property2':'style-value2'});
例えば
$('.signup-form-wrapper').css({"display": "block", "border":"1px solid red"});
これを試して
$('.signup-form-wrapper').css("display", "block");
$('.login-form-wrapper').css("display", "none");