html faq generation

// html before generation;
        <div id="generatedDropdowns" class = "generatedDropdowns" onload=dropdownGenerator()>
            <p>
               commonlyAskedQuestions:
            </p>
        </div>

// html after generation (note, i added line breaks between each "<>" to help make it more readible;

<div id="generatedDropdowns" class = "generatedDropdowns" onload=dropdownGenerator()>
    <p>commonlyAskedQuestions: </p>
    <p id="generatedDropdownTitle"> question: titleA</p>
    <p id="generatedDropdownContent"> answer: a</p>
    <p id="generatedDropdownTitle"> question: what will you and wont you draw?</p>
    <p id="generatedDropdownContent"> answer: b</p>
    <p id="generatedDropdownTitle"> question: what are your prices?</p>
    <p id="generatedDropdownContent"> answer: c</p>
    <p id="generatedDropdownTitle"> question: what do i need to commission you?</p>
    <p id="generatedDropdownContent"> answer: d</p>
    <p id="generatedDropdownTitle"> question: any extra fee for nsfw?</p>
    <p id="generatedDropdownContent"> answer: e</p>
    <p id="generatedDropdownTitle"> question: any extra fee for complex characters?</p>
    <p id="generatedDropdownContent"> answer: f</p>
    <p id="generatedDropdownTitle"> question: what's your polacy on refunds?</p>
    <p id="generatedDropdownContent"> answer: g</p>
    <p id="generatedDropdownTitle"> question: what's your rough time for refunds?</p>
    <p id="generatedDropdownContent"> answer: h</p>
    <p id="generatedDropdownTitle"> question: what's your rough turn around time?</p>
    <p id="generatedDropdownContent"> answer: i</p>
    <p id="generatedDropdownTitle"> question: how do you send updates to me?</p>
    <p id="generatedDropdownContent"> answer: j</p>
    <p id="generatedDropdownTitle"> question: examples of your work, including types?</p>
    <p id="generatedDropdownContent"> answer: k</p>
    <p id="generatedDropdownTitle"> question: what is your polacy on what you're willing to tweak?</p>
    <p id="generatedDropdownContent"> answer: luhmao</p>
    <p id="generatedDropdownTitle"> question: is there anything extra charges i should know about?</p>
    <p id="generatedDropdownContent"> answer: m</p>
    <p id="generatedDropdownTitle"> question: what's the difference between an svg and png?</p>
    <p id="generatedDropdownContent"> answer: n</p>
    <p id="generatedDropdownTitle"> question: what's your polacy in regards to ownership over the artwork?</p>
    <p id="generatedDropdownContent"> answer: o</p>
    <p id="generatedDropdownTitle"> question: what about any terms not listed here?</p>
    <p id="generatedDropdownContent"> answer: p</p>
</div>