WordPress.org

Ready to get started?Download WordPress

Forums

How to add or pull in extra content below the page content (2 posts)

  1. hotdiggitydog
    Member
    Posted 1 year ago #

    What would the best practice to display the 'Alternatively, you can find out more below:' content. Easiest but worst idea would just be add this to the content editor within the page admin. Anyone got any ideas on the best idea for this. The idea is to toggle the <div class="fnd-more"> with the content when the h3 is clicked. The html code is below:

    <article>
    	<h2>Why undertake Market Research?</h2>
    	<p>A CPD course needs to be useful enough that employers give time off and pay a fee for the employee to attend. Alternatively, it has to be so attractive for the individual that he or she is willing to devote their own time and money to conduct the course on top of other commitments.</p>
    	<div class="find-out-more">
    		<h2>Alternatively, you can find out more below:</h2>
    		<ul>
    			<li>
    				<h3 class="more-toggle">Why Undertake Market Research</h3>
    				<div class="fnd-more">
    					<h4>You will be carrying out market research to ascertain:</h4>
    					<dl>
    						<dt>Competitor analysis:</dt>
    						<dd>Who else is offering similar courses within other Higher Education institutions and commercial providers, nationally and internationally?</dd>
    						<dt>Customer analysis:</dt>
    						<dd>What skills and knowledge will the participants gain through the course? which sectors and/or professions need these skills? what type of people/professionals will be interested in attend the course?</dd>
    					</dl>
    				</div>
    			</li>
    			<li>
    				<h3 class="more-toggle">Why Undertake Market Research</h3>
    				<div class="fnd-more">
    					<h4>You will be carrying out market research to ascertain:</h4>
    					<dl>
    						<dt>Market information and trends:</dt>
    						<dd>Is there a demand for the idea? Is the subject topical?</dd>
    						<dt>Risk analysis:</dt>
    						<dd>Determine the probabilities of adverse events and the likely extent of the losses.</dd>
    						<dt>Product research:</dt>
    						<dd>What does/could differentiate your course from competitors? what delivery method is most appropriate?</dd>
    					</dl>
    				</div>
    			</li>
    			<li>
    				<h3 class="more-toggle">Why Undertake Market Research</h3>
    				<div class="fnd-more">
    					<h4>You will be carrying out market research to ascertain:</h4>
    					<dl>
    						<dt>Market information and trends:</dt>
    						<dd>Is there a demand for the idea? Is the subject topical?</dd>
    						<dt>Risk analysis:</dt>
    						<dd>Determine the probabilities of adverse events and the likely extent of the losses.</dd>
    						<dt>Product research:</dt>
    						<dd>What does/could differentiate your course from competitors? what delivery method is most appropriate?</dd>
    					</dl>
    				</div>
    			</li>
    		</ul>
    	</div>
    </article>
  2. vtxyzzy
    Member
    Posted 1 year ago #

    A technique similar to that shown in this article should work with only small changes.

    Basically, you would use an anchor link around the 'Why Undertake ...', with an id of 'switch', and a small jScript function to toggle the display.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.