aliquam vitae Accordion

HTML

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Accordion - Collapse content</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#accordion" ).accordion({
      heightStyle: "content"
    });
  } );
  </script>
</head>
<body>
 
<div id="accordion">
  <h3><strong>Nam et purus</strong></h3>
  <div>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et purus non felis condimentum iaculis aliquam vitae lacus. Cras pellentesque turpis vel mi lacinia accumsan. Nulla aliquet ligula ut urna tempus consectetur. Aenean nisi velit, pharetra eu ante sit amet, facilisis finibus libero. Vestibulum maximus ullamcorper urna vitae ultrices. Curabitur eget ornare lorem, a auctor nisi.</p>
  </div>
  <h3><strong>Proin pellentesque</strong></h3>
  <div>


<p>
Aenean nisi velit, pharetra eu ante sit amet, facilisis finibus libero. Vestibulum maximus ullamcorper urna vitae ultrices. Curabitur eget ornare lorem, a auctor nisi. Morbi nec sollicitudin orci. Proin pellentesque justo id efficitur ornare. Nunc dignissim magna ex, id auctor augue cursus non. Vivamus sit amet lacus blandit, pulvinar nibh vitae, molestie nibh. Ut malesuada hendrerit neque, et accumsan nibh aliquet suscipit. </p>
  </div>
  </div>
 
 
</body>
</html>

CSS

#accordion .ui-accordion-header {
  background-color: #E6D287;
  color: #000;
  margin: 3px;
  border: none;
 }

#accordion .ui-state-focus{
    outline: none;
}
.ui-icon
{
    background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_black_256x240.png) !important;
}