Ehm.. doesn't work now... :blush: :P
A typo?
A typo?
jQuery(function()
{
jQuery('#tooltipclick').click{
jQuery('#tooltip').toggle();
});
});
The way it's meant to be |
<html>
<head>
<script src="http://compagniaoltreconfine.com/beta/wp-content/themes/compagniaoltreconfine/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div id="tooltip" style="display:none;text-align:right;position:absolute;width:1000px"><div id="dentrotooltip" style="float:right;width:auto;padding:12px;color:white;margin-top:-36px;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);box-shadow:1px 1px 6px rgba(0, 0, 0, 0.5)">graphic design: <a href="http://drlm.it">drlm.it</a><br>web design: <a href="http://lorenzoraffio.com">lorenzoraffio.com</a></div></div>
<div id="barrasotto"></div>
<p style="margin-top:5px;text-align:right">
<a id="tooltipclick" style="color:darkred;border-bottom:1px dotted;font-size:11px;font-weight:bold">Credits</a>
</p>
<script>
jQuery('#tooltipclick').click(function(){
jQuery('#tooltip').toggle();
});
</script>
</body>
</html>
<html>
<head>
<script src="http://compagniaoltreconfine.com/beta/wp-content/themes/compagniaoltreconfine/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div id="tooltip" style="display:none;text-align:right;position:absolute;width:1000px"><div id="dentrotooltip" style="float:right;width:auto;padding:12px;color:white;margin-top:-36px;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);box-shadow:1px 1px 6px rgba(0, 0, 0, 0.5)">graphic design: <a href="http://drlm.it">drlm.it</a><br>web design: <a href="http://lorenzoraffio.com">lorenzoraffio.com</a></div></div>
<div id="barrasotto"></div>
<p style="margin-top:5px;text-align:right">
<a id="tooltipclick" style="color:darkred;border-bottom:1px dotted;font-size:11px;font-weight:bold">Credits</a>
</p>
<script>
jQuery(function()
{
jQuery('#tooltipclick').click(function(){
jQuery('#tooltip').toggle();
});
});
</script>
Oh, instead of jQuery('#tooltipclick').\click{ your code is: jQuery('#tooltipclick').click(function(){
And works! ;)
tooltipclick
{
cursor: pointer;
}
Secondly, you could just add a style rule to that element on its own:Code: [Select] tooltipclick
{
cursor: pointer;
}