Tooltip bij Next en Previous Post

Ik ben op zoek naar een stukje code om bij mijn next en previous post buttons een tooltip te plaatsen waarin de titel van de volgende en vorige posts komt te staan.

Op dit moment ziet het er als volgt uit:

ul class="next-prev-nav">
					<?php if( $post_prev ): ?>
						<li class="prev"><a class="button button_icon" href="<?php echo $post_prev; ?>"><i class="icon-left-open"></i></a></li>
					<?php endif; ?>
					<?php if( $post_next ): ?>
						<li class="next"><a class="button button_icon" href="<?php echo $post_next ?>"><i class="icon-right-open"></i></a></li>
					<?php endif; ?>
					<?php if( $blog_page_id ): ?>
						<li class="list"><a class="button button_icon" href="<?php echo get_permalink( $blog_page_id ); ?>"><i class="icon-menu"></i></a></li>
					<?php endif; ?>
				</ul>

Ik ben niet op zoek naar een lelijk geel alt tekst balkje, maar een mooi geheel in stijl van de rest inclusief een mooie fade-in. Een voorbeeld van de stijl van de icoontjes op de site vind je hier. De knoppen waar het om gaat vind je hier.

Wie kan mij helpen?