Bonjour à tous,

voilà j'ai un petit bout de code qui marche bien en fin presque,

je cherche à faire un peu un système colle commentaire chez facebook.

Quand on clic sur commentaire cela ouvre la div concerné puis on poste le commentaire.

Actuellement mon code ouvre bien la div et la ferme quand on clic sur le body comme facebook mais le problème c'est que du coup cela me ferme la div ou je suis censé pouvoir mettre le commentaire.

La div permettant de cliquer pour ouvrir la div pour commenter:

<div class="content-action" id="click-to-show">
                  <div class="meta-line">
                    <p class="meta-line-link">
                    <svg class="post-option-icon icon-comment"><use xlink:href="#svg-comment"></use></svg> 25 Commentaires</p>
                  </div>
                </div>

<script>
        $('#click-to-show, #div-to-toggle').click(function (e) {
            if ($(e.target).attr('id') != 'close-btn') {
                $('#div-to-toggle').show();
                event.stopPropagation();
            }
        });
        $('body, #close-btn').click(function () {
            $('#div-to-toggle').hide();
            event.stopPropagation();
        })
    </script>

  <!-- Formulaire pour laisser un post -->
        <div class="quick-post" id="div-to-toggle" style="display: none;">
          <div class="quick-post-body">
            <form class="form">
              <div class="form-row">
                <div class="form-item">
                  <div class="form-textarea">
                    <textarea id="quick-post-text" name="quick-post-text" placeholder="Hi Marina! Share your post here..."></textarea>
                    
                  </div>
                </div>
              </div>
            </form>
          </div>
        </div>