Hi @RakeshS6765 Try this

Create a template called accordion, switch to source and add this text in and save and publish.

<details open=""><summary>Accordion Region</summary>
<p>TEXT_GOES_HERE</p>
</details>

Now create an article and select the template you created to add an accordion region to your article.  Repeat for as many accordions as you want.  Note: the state you save them in (eg. opened or closed) is how they will open when the article opens.

You can have your dev studio developer adjust your CSS so that it looks a little better 

You will need to change all 3 skins  ---- CSEndUser, KMEndUser71, KMHelpPortalSkin

Add something like this (note: you can probably google better styling as this is straight HTML5)

<style type="text/css">

details {
border: 1px solid #d4d4d4;
padding: .75em .75em 0;
margin-top: 10px;
box-shadow:0 0 20px #d4d4d4;
}

summary {
font-weight: bold;
margin: -.75em -.75em 0;
padding: .75em;
background-color: #5f75a4;
color: #fff;
}

details[open] {
padding: .75em;
border-bottom: 1px solid #d4d4d4;
}

details[open] summary {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 10px;
}

</style>