Title: Code next to button
Last modified: September 1, 2016

---

# Code next to button

 *  Resolved [John](https://wordpress.org/support/users/johnstevenspendleton/)
 * (@johnstevenspendleton)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/code-next-to-button/)
 * Can you tell me why I might have some code next to my button? there is “> next
   to my button
 * Check out the bottom of the page for the button
 * [http://www.hendrickmanufacturing.com/hendrick/](http://www.hendrickmanufacturing.com/hendrick/)
 * Below is my code:
 * [expand title=’%(%img class=”alignnone size-full wp-image-12515″ src=”[http://www.hendrickmanufacturing.com/hendrick/wp-content/uploads/2016/08/Screen-Shot-2016-08-25-at-9.10.44-PM.png&#8221](http://www.hendrickmanufacturing.com/hendrick/wp-content/uploads/2016/08/Screen-Shot-2016-08-25-at-9.10.44-PM.png&#8221);
   alt=”Screen Shot 2016-08-25 at 9.10.44 PM” width=”157″ height=”48″ /%)%’ trigclass
   =’highlight’]
 * [postslider layout=”posts-with-excerpt” excerpt=”35″ category=”clients” limit
   =”3″ lightbox=”no” class=”homeGallery” id=””][/postslider]
 * [/expand]
 * [https://wordpress.org/plugins/jquery-collapse-o-matic/](https://wordpress.org/plugins/jquery-collapse-o-matic/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Thread Starter [John](https://wordpress.org/support/users/johnstevenspendleton/)
 * (@johnstevenspendleton)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/code-next-to-button/#post-7704435)
 * I am using the AVADA theme
 *  [kennyopr](https://wordpress.org/support/users/kennyopr/)
 * (@kennyopr)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/code-next-to-button/#post-7704507)
 * use the “Code block” instead of the text code. It happened to me too ! Make sure
   you put in the html code then just add the [expand] tags around it
 *  [kennyopr](https://wordpress.org/support/users/kennyopr/)
 * (@kennyopr)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/code-next-to-button/#post-7704508)
 *  Thread Starter [John](https://wordpress.org/support/users/johnstevenspendleton/)
 * (@johnstevenspendleton)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/code-next-to-button/#post-7704530)
 * Hi, kennyopr,
 * I tried that and it did not work. Any other suggestions??
 * JP
 *  Thread Starter [John](https://wordpress.org/support/users/johnstevenspendleton/)
 * (@johnstevenspendleton)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/code-next-to-button/#post-7704531)
 * This is my code as it sits in the Code Block element
 * [expand title=’%(%img class=”alignnone size-full wp-image-12515″ src=”[http://www.hendrickmanufacturing.com/hendrick/wp-content/uploads/2016/08/Screen-Shot-2016-08-25-at-9.10.44-PM.png&#8221](http://www.hendrickmanufacturing.com/hendrick/wp-content/uploads/2016/08/Screen-Shot-2016-08-25-at-9.10.44-PM.png&#8221);
   alt=”Screen Shot 2016-08-25 at 9.10.44 PM” width=”157″ height=”48″ /%)%’ trigclass
   =’highlight’]
 * [postslider layout=”posts-with-excerpt” excerpt=”35″ category=”clients” limit
   =”3″ lightbox=”no” class=”homeGallery” id=””][/postslider]
 * [/expand]
 *  Plugin Author [Baden](https://wordpress.org/support/users/baden03/)
 * (@baden03)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/code-next-to-button/#post-7704619)
 * Hey John,
 * There is a much better way to use Collapse-O-Matic with Images using [the roll-your-own method](http://spacedonkey.de/1247/collapse-o-matic-the-roll-your-own-method/).
   For example:
 * **Trigger:**
 *     ```
       <img id="my_expand_01" class="collapseomatic noarrow alignnone size-full wp-image-12515" src="http://www.hendrickmanufacturing.com/hendrick/wp-content/uploads/2016/08/Screen-Shot-2016-08-25-at-9.10.44-PM.png" alt="Screen Shot 2016-08-25 at 9.10.44 PM" width="157" height="48"/>
       ```
   
 * **Target:**
 *     ```
       <div id="target-my_expand_01" class="collapseomatic_content">
       [postslider layout="posts-with-excerpt" excerpt="35" category="clients" limit="3" lightbox="no" class="homeGallery"][/postslider]
       </div>
       ```
   
 * [More examples of how to use collapse-o-matic with images](http://spacedonkey.de/623/collapse-o-matic-line-of-trigger-images/).

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Code next to button’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/jquery-collapse-o-matic_fffeff.svg)
 * [Collapse-O-Matic](https://wordpress.org/plugins/jquery-collapse-o-matic/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jquery-collapse-o-matic/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jquery-collapse-o-matic/)
 * [Active Topics](https://wordpress.org/support/plugin/jquery-collapse-o-matic/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jquery-collapse-o-matic/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jquery-collapse-o-matic/reviews/)

## Tags

 * [images](https://wordpress.org/support/topic-tag/images/)

 * 6 replies
 * 3 participants
 * Last reply from: [Baden](https://wordpress.org/support/users/baden03/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/code-next-to-button/#post-7704619)
 * Status: resolved