Support » Plugin: Draw Attention » Hide Infobox

  • Resolved alexn860

    (@alexn860)


    Great plugin. I was wondering is it possible for the info box to display hidden then appear once a hotspot is selected and info has populated the container?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author croixhaug

    (@croixhaug)

    Hi Alex,

    That functionality isn’t part of the plugin, but I’ve written up a little example of how a developer might be able to approach this with custom code.

    You could create two CSS classes, one to show the Infobox section and one to hide the section. You can set the class that hides the section to default and use Javascript to switch the class on click or hover.

    Example:

    /*CSS Classes*/
    .hide {display:none;}
    .show{display:block;}

    //Javascript for click
    $(“#infobox-section”).click(function(){
    $(this).removeClass(“hide”);
    $(this).addClass(“show”);
    });

    //Javascript for hover
    $(“#infobox-section”).hover(function(){
    $(this).removeClass(“hide”);
    $(this).addClass(“show”);
    });

    I hope that helps!
    Nathan

    alexn860

    (@alexn860)

    Great, thanks. I really appreciate the fast reply. That should do the trick.

    Thanks again,
    Alex

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide Infobox’ is closed to new replies.