• Resolved Conq

    (@conq)


    Hello,

    First of all, excuse my language/wordings when it comes to programming or coding, I am totally clueless (But I am trying to learn!)

    The Problem:I am trying to add an iframe code within the expand-collapse code that is provided by JQuery Collapse-O-Matic

    For example:

    [expand title="Click To Expand"]
    [goodreviews isbn="xxxxxxxxxx" bookinfo="off" buyinfo="off" cover="off" width="100%" border="off" height="400"]
    [/expand]

    The following works almost fine, and it will show me the iframe invoked by the “goodreviews plugin” for goodreads.com.

    However, everything below the the “collapsed” example in a given post would disappear, as if the “[/expand]” is looping over and over again. But, once I click and expand the field, the hidden content that I originally don’t want to be hidden shows up.

    In my scenario, the share buttons at the bottom of the post disappear when the field is collapsed but reappear when its expanded.

    I am sorry if this problem was posted before, I tried looking for it, but I couldn’t get the right keywords that would highlight the nature of my issue :P.

    https://www.ads-software.com/extend/plugins/jquery-collapse-o-matic/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Baden

    (@baden03)

    Link please.

    Thread Starter Conq

    (@conq)

    Thanks for the respond!

    The Web page is in Arabic, but I have modified a post’s footer to show up in English to showcase the issue.

    The issue is at post’s body footer.

    I appreciate your support.

    Plugin Author Baden

    (@baden03)

    Happy to help.
    In the example above, what comes after:
    [/expand]

    and where is the ‘This is a text outside the jQuery…’ used.

    Are you using the HTML editor or the Visual Editor?

    Thread Starter Conq

    (@conq)

    I have used the html editor for the making in each post.

    This is the whole text from the HTML editor for that post.

    <iframe style="border: 1px solid #dddddd;" src="https://personal.crocodoc.com/61y15VT?embedded=true" width="100%" height="600"></iframe>
    
    [suffusion-widgets id='1']
    
    &nbsp;
    
    [expand title="jQuery Collapse-O-Matic Test"][goodreviews isbn="9789953683735" bookinfo="off" buyinfo="off" cover="off" width="100%" border="off" height="400"][/expand]
    
    &nbsp;
    
    <strong>This is a text outside the jQuery which is supposed to be visible all the times</strong>

    I do not have any other plug-in that adds anything to the post automatically except for an ad-hoc widget, I have disabled the share buttons that used to come under the post, but it didn’t help.

    I wanted to put the jquery code just under the first iframe for the book, so that it shows the reviews on expand, but the tweet blender plugin or any other text under the code would then be attached to the jquery for unwanted reasons.

    Plugin Author Baden

    (@baden03)

    Try changing tag that the expand uses to div like so:

    [expand title="jQuery Collapse-O-Matic Test" tag="div"] [goodreviews isbn="9789953683735" bookinfo="off" buyinfo="off" cover="off" width="100%" border="off" height="400"] [/expand]

    If this does not work, maybe there is an issue with the goodreviews shortcode… please try the following:

    1. self-close the shortcode like so:
    [goodreviews isbn="9789953683735" bookinfo="off" buyinfo="off" cover="off" width="100%" border="off" height="400" /]

    2. self-close the shortcode like so:
    [goodreviews isbn="9789953683735" bookinfo="off" buyinfo="off" cover="off" width="100%" border="off" height="400"][/goodreviews]

    3. add spaces between the brackets like so:
    [expand title="test"] [goodreviews isbn="9789953683735" bookinfo="off" buyinfo="off" cover="off" width="100%" border="off" height="400"] [/expand]

    Please report back with any success/failure.

    -Baden

    Thread Starter Conq

    (@conq)

    I really appreciate your support.

    I am really sorry to say that all the above short-codes resulted in failures.

    (Div Tag): Failure
    (1): Failure
    (2): Failure
    (3): Failure
    (1 + Div Tag): Failure
    (2 + Div Tag): Failure
    (3 + Div Tag): Failure

    I spent hours previously Googling and playing with Firefox Web-Dev tools.
    I don’t give up easily!, but on this one single problems, I am beginning to feel hopeless ??

    Thanks again for all the support you have provided.

    Plugin Author Baden

    (@baden03)

    Hmmm… OK, we will install the goodreviews plugin on our test server and try and reproduce the problem. Please standby.

    Plugin Author Baden

    (@baden03)

    Conq,

    OK, we found the problem. It is absolutely an issue with the the goodreviews plugin.

    Now you have a few choices:

    1. Ask jhanbackjr to fix his plugin—point him to this post if he needs to know more
    2. If you are comfortable with modifying php files, the problem is on line 398 of goodreviews-functions.php:
      echo '</div>'; should be changed to: $goodreviews_message .= '</div>';
    3. If you want us to fix it for you, we offer a very reasonable premium support for just this purpose.

    Hope this gets you all squared away. Please let us know if you are a happy camper!

    -Baden

    Thread Starter Conq

    (@conq)

    Amazing!!!
    Thank you very much ??

    I went with option 2 and the problem is now fixed!
    I will also go with option 1 for the sake of wordpress community as whole ??

    Plugin Author Baden

    (@baden03)

    Excellent! Don’t forget to spread the social love for twinpictures plugins! ??

    This issue is marked as resolved!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Plugin: jQuery Collapse-O-Matic] (Problem) Hidden Content After Code’ is closed to new replies.