Give help. Get help.

  • # April 12, 2013 at 6:13 am


    If you go to and select a portfolio item and click ‘More’ you will see an image and a text box with a little ‘i’ in the corner.

    I would like to make it so if you clicked the little ‘i’ the text box would disappear and if you clicked it again it would show.

    I tried this but it does nothing:

    $(‘.rsABlock’).click(function(e) {

    Any ideas?

    # April 12, 2013 at 6:26 am

    Should work:

    You have some errors though, check your log.

    Are you sure you add that click listener after that part of the DOM is loaded?

    # April 12, 2013 at 6:58 am

    You can try to upload that file without compression so you get useful console feedback about that error (line number).

    # April 12, 2013 at 7:23 am

    Ah… you need to attach that click listener after you opened the box and the ‘.rsABlock’ is actually in the DOM. If you can attach a callback to whatever function you use to open the box, that’d be the right place to attach that click listener.

    # April 12, 2013 at 7:33 am

    For example, try to put that function inside this:

    $(“.openBoxButton”).click(function() {

    on line 420, right after `$.colorbox();`. That might work… but I’m not sure if it still works after you clicked the ‘next’ arrow.

    # April 12, 2013 at 7:45 am

    Yes, did it work?

    # June 29, 2014 at 5:07 am


    I saw your previous post with this code and I want to use this in WordPress post, so, when I click on image to show this div with post content, so I need to have uniqe class for each post and than this code will functionated. So, I can make class of each post like this “post-16” 16 is ID of post, so I need Jquery code something like this

    $(function() {
    $(‘.rsABlock’ + postID).click(function(e) {
    $(‘.caption-background’ + postID).toggleClass(‘hidden’);

    I know that it isnt correct now, but if you can help me..
    Thank you!

    # June 29, 2014 at 6:08 am


    You don’t really need unique classes for this.

    I made a simple demo for you:

    Let me know if you need anything else.

    # June 29, 2014 at 6:32 am

    @CrocoDillon thank you a lot for this code!

    I need just more help from you…
    I am making this SCREENSHOT
    So, I need to click on this thumbnail (wich is wordpress post) and show this box with player and comments, and when click on anything else that box need to close down. So, every box have different content depends on post, I will put it inside POST LOOP. And one more thing, As I made this popUp box the last popUp box in row is outside of window, how to make that the last in row is inside window? If you understand me :) Thank you a lot for help!

    # June 29, 2014 at 9:52 am

    To prevent the popup going outside the window, that’s a little bit too much code for me to work out now as I have little time. I suggest you use some lightbox module instead of some custom jQuery.

    For example (I just Googled it, Lightbox 2 only supports images I think):

    By the way I don’t know anything about WordPress. Not that much into PHP ;)

    # June 29, 2014 at 9:55 am

    Thank you a lot! Please check your email, I need something more to ask you if it is not a problem. It is just jquery thing. I am ready to pay if you have some time to help me.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.