phpとjQueryで非表示(display:none)になっている要素の表示の仕方

Question

前提・実現したいこと

PHPとjQueryでdisplay:noneで非表示になっている#email-errorを表示させたいのですが機能しません。
エラーは出ていません。

該当のソースコード

        if ($_POST['email'] == '') {
            ?>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script type="text/javascript">
          $("#email-error").show();
        </script>
        <?php

        }

試したこと

.show()の部分を.css('display', 'block')に変えたりもしました。
また、<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>また、ここの部分がないとjQueryと認識していただけなかったです。

Comments

[mari.rinn]

#email-errorの部分の詳細がわからないので適当に書きますが、
単純に
if ($_POST['email'] == '') {
print '<div id="email-error">メールアドレスを入力してください</div>';
} else{
print '';
}
とかではダメなんでしょうか？

[shion0625]

そのアイデアでやってみます。
ありがとうございます。

Answer 1

phpのソースにjQuery挟むのは微妙ですね
id=email-errorのHTML要素に非表示用のクラスをつけたり
styleを直にいじったりするのが妥当です

Comments

[shion0625]

phpのソースにjQueryを入れるのは微妙ですか！
分かりました。
ありがとうございます。