FAQ plugin

Support Area Forums Elite FAQ plugin

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://marksnewton.com
  • Author
    Posts
  • #19930
    Mark Newton
    Participant

    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

    #19935
    Bill Robbins
    Moderator

    Hello 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,
    Bill

    #19943
    Mark Newton
    Participant

    Bill, 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

    #19950
    Bill Robbins
    Moderator

    Hey 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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘FAQ plugin’ is closed to new replies.