JS nach klick feld erscheinen lassen + zweites Feld erscheinen lassen

Hallo,

nach einem Klick soll ein Fenster scheinen. Hab im Internet gesucht und auch etwas gefunden. Jetzt wollte ich aber noch ein Feld erscheinen lassen, wenn das andere Fenster offen ist.

Sprich:

Klick 1 =

<feld>

<button id="idBtn">Blockieren</button>

</feld>

Klick #idBtn =

<neues-feld>

<p>Bist du dir sicher?</p>

</neues-feld>

Mein Code derzeit:

HTML

<div class="box">
   <div class="inhalt">
      <ul>
         <li><button id="melden" name="send">Melden</button></li>
         <li><button id="block" name="send">Blockieren</button></li>
      </ul>
   </div>
</div>

JS:

<script>
      $(document).ready(function() {
          $('.inhalt').hide();
            $('.box').prepend('<button type="submit" class="work-own-profil toogle"><i class="fas fa-ellipsis-v"></i></button>');
            $('.box').on('click', '.toogle', function() {
                $(this).parent().find('.inhalt').slideToggle(500);
                return false;
            });
         });
            
    </script>

Hier ein Bsp Video. Am Anfang seht ihr wie es grad bei mir ist, und danach wie ich es gern haben möchte.

Zitat von basti1012

ich verstehe das leider nicht wie du das meinst.

Habe zwar eine vermutung bin mir aber nicht sicher.

ich mach mal gerade was.

EDIT meinst du das so

https://codepen.io/basti1012/pen/qooygQ

Genau so! Kann man da noch irgendwie beim zweiten Feld einfügen das da Abbruch steht bzw er dann alles beendet ohne das die Seite neu ladet? Und das man auch die Felder wieder verlassen kann, .z.b wenn ich wieder auf feld1 klicke, das dann die Felder verschwinden.

Zitat von basti1012

da kannst du einfach wieder display none einfügen zb so https://codepen.io/basti1012/pen/qooygQ

Danke dir genau so wollte ich es ! Top