Embed READ MORE button

Embed READ MORE button

I want to embed a collapsible content button (e.g. READ MORE) into my newsletter. I found some code on Bootstrap (see below) that seems to work in the editing box, but does not work in the Preview.
Is the a way of creating collapsible content?

<!DOCTYPE html>

<html>

<head>

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>


<div class="container">

  <h2>Simple Collapsible</h2>

  <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Simple collapsible</button>

  <div id="demo" class="collapse">

    Lorem ipsum dolor sit amet, consectetur adipisicing elit,

    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  </div>

</div>


</body>

</html>