MaReee69
@MaReee69

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

モーダルウィンドウの表示方法

解決したいこと

ボタンを押した後にモーダルウィンドウが表示されるようにしたいです。
htmlにモーダルウィンドウとして表示したい文を記載し、jQueryで表示、非表示のプログラムを組みたいのですがうまくできないです。
どなたかご教示いただきたいです。

または、問題・エラーが起きている画像をここにドラッグアンドドロップ

該当するソースコード

$(function(){
        if($("search-button").on("click")){
            display:none;
        };
        else{
            display:block;
        };
    });

自分で試したこと

ここに問題・エラーに対して試したことを記載してください。

0

2Answer

「モーダル」の意味を分かってますか? (分からなければググって調べてください)

「該当するソースコード」から想像するに、ある要素の表示・非表示をボタンクリックで切り替えるだけのように見えます。そういうのは「モーダル」とは言いませんが、そういうことで良いのですか?

1Like

Comments

  1. @MaReee69

    Questioner

    ありがとうございます。

これは例です

<button id="search-button">search button</button>
<div id="element" style="display: none;">the element you want to show or hide</div>
    $(document).ready(function() {
      $("#search-button").click(function() {
        $("#element").toggle();
      });
    });

それはあなたが理解するのを助けるかもしれません。

あなたのお手伝いになれたら嬉しいです。

1Like

Comments

  1. @MaReee69

    Questioner

    返信できておらず申し訳ございません。
    ご回答ありがとうございます。

Your answer might help someone💌