Support » Plugin: Collapse-O-Matic » Not collapsing completely in chrome and safari

Not collapsing completely in chrome and safari

  • Resolved jpage000

    (@jpage000)


    4 years ago

    First off, I’m not a dev so keep it simple for me please. For some reason collapse-o-matic seems to work find in IE, but in chrome and safari (mobile, not sure about on a mac), the fields don’t close completely and an extra arrow shows with additional space between the stack of titles once the title has been expanded and then collapsed. The hidden target data appears and disappears just fine, but the extra space and arrow don’t go away once a title has been expanded. Below is a page from the site with some sample data to show what I’m talking about. Agian, it works fine on IE but not on Chrome or safari mobile. Thoughts?

    http://www.smartinsuranceinc.com/test/

    Thanks for any help you provide!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author twinpictures

    (@twinpictures)

    4 years ago

    ok, as it is you are wrapping your collapse elements like so:

    <li><strong><span>...</span></strong></li>

    Can you provide an example of the exact code you are using to create these elements?

    Thread Starter jpage000

    (@jpage000)

    4 years ago

    Sorry for the slow response. This is a small section shown exactly as it in the text tab. It’s essentially a bunch of these. It works perfectly on internet explorer, but for some reason it doesn’t collapse correctly on most of other browsers. 

    <li><strong>[expandsub2 title="..." rel="...-highlander"]</strong>
<ul>
 	<li>...</li>
 	<li>...</li>
 	<li>[maxbutton id="40" url="..."]</li>
</ul>
[/expandsub2]</li>
    Plugin Author twinpictures

    (@twinpictures)

    4 years ago

    Thanks for getting back to us. Try this instead:

    [expand tag="li" trigclass="my_class" title="..." rel="...-highlander"]
<ul>
 	<li>...</li>
 	<li>...</li>
 	<li>[maxbutton id="40" url="..."]</li>
</ul>
[/expand]

    And then add the css for “my_class” to Dashboard > Settings > Collapse-O-Matic > Custom CSS:

    .my_class {
   font-weight: bold;
}

    Let us know how that works for you.

    Plugin Author Baden

    (@baden03)

    4 years ago

    joy, no-joy?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Not collapsing completely in chrome and safari’ is closed to new replies.

Views