Tooltip - Revision history

Bacchas: /* HTML */

2017-01-03T14:07:58Z

HTML

← Older revision		Revision as of 14:07, 3 January 2017
Line 5:		Line 5:
	<div class="item citrus">		<div class="item citrus">
	<a href="#water-ll">		<a href="#water-ll">
	<img src="~~../../hplussport.com/wp-content/uploads/2015/12/mineral-water-lemon-~~lime_400x600.jpg~~" width="400" height="600~~" alt="mineral-water-lemon-lime_400x600">		<img src="lime_400x600.jpg"alt="mineral-water-lemon-lime_400x600">
	<h3>Lemon-Lime</h3>		<h3>Lemon-Lime</h3>
	<p> $3.50/bottle</p>		<p> $3.50/bottle</p>

Bacchas at 22:11, 2 January 2017

2017-01-02T22:11:02Z

← Older revision		Revision as of 22:11, 2 January 2017
Line 26:		Line 26:
	});		});
	</pre>		</pre>

			== Another Tooltip Example==

	[[#top\|Back To Top]]< — >[[JQuery\|Category]]< — >[[Main_Page\| Home]]		[[#top\|Back To Top]]< — >[[JQuery\|Category]]< — >[[Main_Page\| Home]]

Bacchas: Created page with "= Display a tooltip when mouseenter= ==HTML==

    
2016-12-26T22:46:28Z
Created page with "= Display a tooltip when mouseenter=  ==HTML== <pre> <div class="item citrus">  <a href="#water-ll"> <img src="../../hplussport.com/wp-content/uploads/2015/12/mineral-water-le..."
New page
= Display a tooltip when mouseenter=



==HTML==

<pre>

<div class="item citrus">

 <a href="#water-ll">

<img src="../../hplussport.com/wp-content/uploads/2015/12/mineral-water-lemon-lime_400x600.jpg" width="400" height="600" alt="mineral-water-lemon-lime_400x600">

<h3>Lemon-Lime</h3>

 <p> $3.50/bottle</p>

<div class="tt">The tartest!</div>

</a>

</div>

</pre>



==JQuery==

<pre>

$(function() {

    "use strict";

    $('#cart-water')

        .find('.tt')

        .hide();



    $('#cart-water').find('.item').on('mouseenter mouseleave', function() {

        $(this).find('.tt').toggle(200);

    });

});

</pre>

[[#top|Back To Top]]<  —  >[[JQuery|Category]]<  —  >[[Main_Page| Home]]