[jQuery] jQuery hide/show from href target

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<o:SmartTagType
namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="Street"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="address"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="PlaceType"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="PlaceName"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="place"/>

<style>

</style>
</head>
<body lang=EN-GB link=blue vlink=blue>
<div class=Section1>
Thanks everybody – Sam’s worked
fine. I didn’t need the add/remove class as it turns out – I thought
I’d need them to link them to a display:none;, I didn’t realise
there was a .show() and .hide(). <o:p></o:p>
<o:p> </o:p>
<div>
<table class=MsoNormalTable border=0 cellpadding=0>
<tr>
<td valign=top style='padding:.75pt .75pt .75pt .75pt'>
<img width=30 height=33 id="_x0000_i1027"
src="cid:image001.gif@01C69902.2DB3F2F0"><o:p></o:p>
</td>
<td width=10 style='width:7.2pt;padding:.75pt .75pt .75pt .75pt'>
<o:p> </o:p>
</td>
<td valign=top style='padding:.75pt .75pt .75pt .75pt'>

Luc Pestille
Web Designer <o:p></o:p>

e: luc.pestille@in2.co.uk
t: +44 (0)1628 899 700
f: +44 (0)1628 899 701 <o:p></o:p>

</td>
</tr>
</table>
</div>
<o:p> </o:p>
<div>
<div class=MsoNormal align=center style='text-align:center'>
<hr size=2 width="100%" align=center tabindex=-1>
</div>
From:
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On Behalf Of Sam Collett
Sent: 23 June 2006 17:38
To: jQuery Discussion.
Subject: Re: [jQuery] jQuery
hide/show from href target<o:p></o:p>
</div>
<o:p> </o:p>
Something like this:
$(document).ready(
 function()
 {
 // hide all job details
 $("div.jobdetails").hide();
 $("h4 a").click(
 function()
 {
 //
hide other jobs

$("div.jobdetails").hide();
 //
remove class from others

$("a.selectedjob").removeClass("selectedjob");
 //
add to this element

$(this).addClass("selectedjob");
 //
show div
 $("div#"
+ this.href.substring(this.href.indexOf("#") + 1,
this.href.length)).show();

return false;
 }
 );
 }
);<o:p></o:p>
<div>
On 23/06/06, Luc
Pestille <<a href="mailto:Luc.Pestille@in2.co.uk">
Luc.Pestille@in2.co.uk</a>> wrote:<o:p></o:p>
<div>
<div link=blue vlink=purple>
<div>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0>
<tr>
<td style='padding:0cm 0cm 0cm 0cm'>
<o:p> </o:p>
</td>
<td style='padding:0cm 0cm 0cm 0cm'>
<div>

Hi,<o:p></o:p>

Love jQuery, but I've come across something I don't don't if
I can do. Given this markup;<o:p></o:p>

<o:p></o:p>

<h4><a href="#job01">Assistant
Manager</a></h4><o:p></o:p>

<o:p></o:p>

<h5>Description & requirements:</h5><o:p></o:p>

<o:p></o:p>

Full time position The candidate needs to be flexible and if possible have
relevant past experience in managerial or supervisory job roles.<o:p></o:p>

<o:p></o:p>

</div><o:p></o:p>

<o:p></o:p>

Is it possible for jQuery to add a class to #job01 when
href=#job01 is clicked, and NOT go through to that anchor? It should be
expandable so that it would work for job02 job 03 etc…<o:p></o:p>

<o:p></o:p>

I can hide it on load, and add the class, it's the bit in the
middle I don't know how to do.<o:p></o:p>

<o:p></o:p>

Thanks,<o:p></o:p>

<o:p></o:p>

</td>
<td width=10 style='width:7.2pt;padding:.75pt .75pt .75pt .75pt'>

<o:p></o:p>

</td>
<td valign=top style='padding:.75pt .75pt .75pt .75pt'>

e: <a href="mailto:luc.pestille@in2.co.uk"
target="_blank">luc.pestille@in2.co.uk</a>
t: +44 (0)1628 899 700
f: +44 (0)1628 899 701 <o:p></o:p>

</td>
</tr>
</table>

<o:p></o:p>

</div>
</td>
<td style='padding:0cm 0cm 0cm 0cm'>
<o:p> </o:p>
</td>
</tr>
<tr>
<td colspan=3 style='padding:0cm 0cm 0cm 0cm'>
<o:p> </o:p>
<div>
In2
<st1:place w:st="on">Thames</st1:place> House
<st1:place w:st="on"><st1:PlaceName w:st="on">Mere</st1:PlaceName> <st1:PlaceType
w:st="on">Park</st1:PlaceType></st1:place>
<st1:Street w:st="on"><st1:address w:st="on">Dedmere Road</st1:address></st1:Street>
Marlow
Bucks
SL7 1PB

Tel 01628 899700
Fax 01628 899701
e: <a href="mailto:sales@in2.co.uk" target="_blank">sales@in2.co.uk</a>
i: <a href="http://www.in2.co.uk/" target="_blank">www.in2.co.uk</a>

This message (and any associated
files) is intended only for the use of <a href="mailto:discuss@jquery.com"
target="_blank">discuss@jquery.com</a> and may contain information that is
confidential, subject to copyright or constitutes a trade secret. If you are
not <a href="mailto:discuss@jquery.com" target="_blank">discuss@jquery.com</a>
you are hereby notified that any dissemination, copying or distribution of
this message, or files associated with this message, is strictly prohibited.
If you have received this message in error, please notify us immediately by
replying to the message and deleting it from your computer. Messages sent to
and from us may be monitored. Any views or opinions presented are solely
those of the author <a href="mailto:Luc.Pestille@in2.co.uk" target="_blank">Luc.Pestille@in2.co.uk</a>
and do not necessarily represent those of the company. <o:p></o:p>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>

_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/" target="_blank">http://jquery.com/discuss/</a>
 
<o:p></o:p>
</div>
<o:p> </o:p>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Topic Participants
luc.pestille

[jQuery] jQuery hide/show from href target

[jQuery] jQuery hide/show from href target

Topic Participants

luc.pestille