[ Tag Archive ]

Using jQuery to make an Expandable Code Box for WP-Syntax

Posted on November 2, 2009  |  Category: Tutorials

You may have noticed that I’m using a new syntax highlighter for my code snippets. I installed Ryan McGeary’s WordPress plugin WP-Syntax which uses GeSHi (Generic Syntax Highlighter), a simple highlighting class that supports multiple coding languages. It’s great but I’m not a fan of the horizontal scrollbar that appears if code extends past your site’s width. Instead, I decided to use jQuery to expand the box when you hover over it.

Read More »