on click show content fix for website WordPress

Fahad Murtaza comments:

BTW, I already edited the HTML. If you want, you can revert back to previous revision of the post.

kayode brown comments:

I noticed that, however your fix didn't work. thanks.

Fahad Murtaza comments:

Tested this and for the sake of completion of answer, here it is which works and I already tested it


<script type="text/javascript">
<!--
$(document).ready(function ()
{
$("a.toggler").click(function() {

$(this.hash).slideToggle(); });
});
-->
</script>



It simply toggles the sliding of the div related to the current heading. You can start of by hiding all the divs.

For that the HTML code will be as follows.


<div id="expandingtext">
<div style="padding-top: 10px;">
<h3></h3>
<h3><a class="toggler" href="#self1">We use SALES as our measuring stick [read more]</a></h3>
</div>
<div id="self1" style="display: none; ">DBF was created out of the success of DSF (Direct Sales Force) in which SALES through face to face acquisition is the focus. We know that as a brand owner there is more to it than just sales (awareness, perception, loyalty, etc) but, we also won't lose sight of the fact that generating SALES from the Experiential Marketing campaigns that we activate for clients is the ultimate goal. Go ask your VP if Trial truly is the objective of your next campaign…we bet we already know the answer.</div>
<div style="padding-top: 10px;">
<h3><a class="toggler" href="#self2">We have a senior frontline [read more]</a></h3>
</div>
<div id="self2" style="display: none; ">
<p>Ever been pitched concepts by the 'senior team' at an agency and once you sign on the dotted line they are never to be seen again? (until the business is up for review of course!).</p>
<p>In its simplest terms, we want to be an extension of your team, not just a supplier. We feel that the best way for us to achieve this is to provide a senior team of day to day contacts that have a vested interest in your business and build a strong relationship/connection to all of the key stakeholders on your team.</p>
<p>As mentioned above, our leadership team will be involved in every decision that is made on your business (right down to the colour of a uniform), and you will have a seasoned group of individuals bringing your objectives and campaigns to life.</p>
</div>
<div style="padding-top: 10px;">
<h3><a class="toggler" href="#self3">We have TRUE national coverage [read more]</a></h3>
</div>
<div id="self3" style="display: none; ">Ask us to show you our offices and regional management teams in every major market in Canada, and we'd be happy to! Our nationwide network of senior Regional Managers and physical offices allows us to have a senior leader in each market to recruit, hire, train staff, motivate field teams, ensure excellence, meet with key stakeholder, etc. Our brand ambassadors are specific, profiled employees that are handpicked for our client programs. These ambassadors are profiled to match the needs of each program theme, consumer target, and program type (i.e. Fashion School students, past camp counsellors, home decorators, technological gurus, actors, etc).</div>
</div>


Fahad Murtaza comments:

The HTML code again



<div id="expandingtext">
<div style="padding-top: 10px;">
<h3></h3>
<h3><a class="toggler" href="#self1">We use SALES as our measuring stick [read more]</a></h3>
</div>
<div id="self1" style="display:none;">DBF was created out of the success of DSF (Direct Sales Force) in which SALES through face to face acquisition is the focus. We know that as a brand owner there is more to it than just sales (awareness, perception, loyalty, etc) but, we also won't lose sight of the fact that generating SALES from the Experiential Marketing campaigns that we activate for clients is the ultimate goal. Go ask your VP if Trial truly is the objective of your next campaign&#8230;we bet we already know the answer.</div>
<div style="padding-top: 10px;">
<h3><a class="toggler" href="#self2">We have a senior frontline [read more]</a></h3>
</div>
<div id="self2" style="display:none;">
<p>Ever been pitched concepts by the 'senior team' at an agency and once you sign on the dotted line they are never to be seen again? (until the business is up for review of course!).</p>
<p>In its simplest terms, we want to be an extension of your team, not just a supplier. We feel that the best way for us to achieve this is to provide a senior team of day to day contacts that have a vested interest in your business and build a strong relationship/connection to all of the key stakeholders on your team.</p>
<p>As mentioned above, our leadership team will be involved in every decision that is made on your business (right down to the colour of a uniform), and you will have a seasoned group of individuals bringing your objectives and campaigns to life.</p>
</div>
<div style="padding-top: 10px;">
<h3><a class="toggler" href="#self3">We have TRUE national coverage [read more]</a></h3>
</div>
<div id="self3" style="display:none;">Ask us to show you our offices and regional management teams in every major market in Canada, and we'd be happy to! Our nationwide network of senior Regional Managers and physical offices allows us to have a senior leader in each market to recruit, hire, train staff, motivate field teams, ensure excellence, meet with key stakeholder, etc. Our brand ambassadors are specific, profiled employees that are handpicked for our client programs. These ambassadors are profiled to match the needs of each program theme, consumer target, and program type (i.e. Fashion School students, past camp counsellors, home decorators, technological gurus, actors, etc).</div>
</div>


kayode brown comments:

seems simple enough, I see where the title goes, where do i put the content.

Paul Goodchild comments:

You add the content to the FAQs just as you add it to posts/pages. It creates a new post type for you.

You give the FAQ post a title and content as a page or post and then insert it using the shortcode and the plugin takes care of the rest.

*remember to update your permalinks after you install and activate the plugin (simply go to permalinks and save)

kayode brown comments:

I've all of what you said and it isn't working for me? here is what i'm pasting in the page HTML tab:
[qa]
[aq id="We use sales as our measuring stick"]

kayode brown comments:

I have a post entitled 'We use SALES as our measuring stick'. This is what I have at the bottom of the page 'who we are'

[qa]
[qa id="the ID of We use SALES as our measuring stick"]


it seems as though the plugin isn't picking up the content.

Paul Goodchild comments:

Apologies, I should have been more clearer in the explanation:

the shortcode should be of the form:

[qa id="12345"]

That's it.

The id number you're looking for is the id of the FAQ post. Unfortunately a big oversight on the WP interface doesn't allow you to easily see the IDs of your posts, but here's one way:

So, go to your list of FAQs, hover over the FAQ you want to insert and the 'edit' link will appear. Click this. When the page loads, in the address bar you will see somewhere in the address:

blahblah/post.php?post=12345&action=edit

Where I have written 12345, you need to replace it with the ID shown on your page.

Does that make sense?

kayode brown comments:

Makes total sense!

here's what I have and it isn't working:

at the bottom of the 'who we are page'
[qa]
[qa id=533]
[qa id="533"]

the post id:
http://directbrandingforce.com/wp-admin/post.php?post=533&action=edit

any ideas

Paul Goodchild comments:

did you update your permalinks?

Settings -> Permalinks -> 'Save Changes'

kayode brown comments:

Yes, I've updated the permalinks.

I am going to uninstall and reinstall.

Paul Goodchild comments:

When I go to:

http://directbrandingforce.com/?p=533

it redirects to:

http://directbrandingforce.com/faq/we-use-sales-as-our-measuring-stick/

Which tells me you've created the post okay, but perhaps permalinks aren't working. Or, you haven't "published" this post?

I don't really know how to fix this exactly now if it doesn't work.