FAQ plugin
Support Area › Forums › Elite › FAQ plugin
- This topic has 3 replies, 2 voices, and was last updated 9 years, 9 months ago by Bill Robbins.
-
AuthorPosts
-
June 5, 2014 at 15:56 #19930Mark NewtonParticipant
Hey Bill! I hope you have been well friend. Love all the new stuff you are continuing to put out there.
Quick support/opinion question. I am seeking an FAQ plugin to work with WP 3.9.1 and Elite 1.2.2. I would like for it to do the “+/-” action for opening to reveal an answer to a question, click to close (doesn’t have to be a plus/minus thing). Obviously, responsive primarily on iOS as a constraint. I see plugins but testing a few has not worked ideally in my environment. Ideas appreciated!
Take good care,
Mark
June 5, 2014 at 17:43 #19935Bill RobbinsModeratorHello Mark,
Things are going really well here. It’s actually our 15h wedding anniversary today.
Good question about the plugin. I haven’t tried using a FAQ plugin in quite a while so my recommendation may be a bit rusty. The last FAQ plugin I tried was the FAQ manager (http://wordpress.org/plugins/wordpress-faq-manager/) one.
If the FAQ specific plugins aren’t quite working for you, you might try looking for a more general toggle one. There are several shortcode plugins out there that you can use to add in a “toggle” which works nicely for creating a FAQ list like that.
Let me know if you run into trouble with those.
Thanks,
BillJune 6, 2014 at 13:22 #19943Mark NewtonParticipantBill, I hope you had a wonderful anniversary celebration! Congrats again! Plugin choices are kinda …blah.
Here is what I did:
1. I put this in my functions.php file:
//toggle shortcode
function toggle_shortcode( $atts, $content = null ) {
extract( shortcode_atts(
array(
‘title’ => ‘Click To Open’,
‘color’ => ”
),
$atts ) );
return ‘<h3>‘. $title .’</h3><div class=”toggle_container”>’ . do_shortcode($content) . ‘</div>’;
}
add_shortcode(‘toggle’, ‘toggle_shortcode’);2. I put this in my custom.js file:
jQuery(function($){
$(document).ready(function(){
$(“.toggle_container”).hide();
$(“h3.trigger”).click(function(){
$(this).toggleClass(“active”).next().slideToggle(“normal”);
return false; //Prevent the browser jump to the link anchor
});
});
});3. I put this in my style.css file:
/*toggle*/
h3.trigger {
margin: 0px !important;
font-size: 18px;
padding: 10px;
padding-left: 30px;
background-image: url(‘images/shortcodes/toggle-plus.png’);
background-position: 10px center;
background-repeat: no-repeat;
}
h3.trigger a {
color: #333;
text-decoration: none;
display: block;
}
h3.trigger a:hover {
color: #0489B7;
text-decoration: underline;
}
h3.active{
background-image: url(‘images/shortcodes/toggle-minus.png’) !important;
background-position: 10px center;
background-repeat: no-repeat;
}
h3.toggle-white{
background-color: #FFF;
}
h3.toggle-gray{
background-color: #F5F5F5;
}
.toggle_container {
overflow: hidden;
padding: 20px 10px;
}4. I then uploaded my .png plus and minus named the same as in my code.
5. Then I just use the shortcode:
[toggle title=”Your Toggle Title” color=”white”]Toggle Content[/toggle]
….Alas, no worky. I get the output in the post but no plus or minus…no javascript action to toggle open/close.
I realize this is NOT a theme problem so…if you wanna take a pass I understand 100%. Have a great day and weekend friend!
Mark
June 6, 2014 at 17:32 #19950Bill RobbinsModeratorHey Mark,
We had a great anniversary trip to Cancun and are just getting back in this afternoon.
It sounds like it could be a bit of javascript trouble. If you want to send over the URL to where you’re adding that, I’d be glad to take a look for you.
Thanks,
Bill -
AuthorPosts
- The topic ‘FAQ plugin’ is closed to new replies.