<?xml version="1.0" encoding="us-ascii"?>
<!--XBRL document created by RR Donnelley IM Processor 4.0.0.0 using Fujitsu Interstage XWand-->
<xbrl xmlns:jhf24="http://www.jhfunds.com/20120910" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:dei="http://xbrl.sec.gov/dei/2012-01-31" xmlns:rr="http://xbrl.sec.gov/rr/2012-01-31" xmlns:link="http://www.xbrl.org/2003/linkbase" xmlns:xbrldi="http://xbrl.org/2006/xbrldi" xmlns:iso4217="http://www.xbrl.org/2003/iso4217" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.xbrl.org/2003/instance">
  <link:schemaRef xlink:type="simple" xlink:href="jhf24-20120910.xsd" />
  <context id="Duration_02Mar2011_01Mar2012S000028817_MemberC000113513_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028817Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:ReturnBeforeTaxMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberS000028817_MemberC000113513_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028817Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberS000028817_MemberC000113513_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028817Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsAndSalesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028817_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028817Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SandpFiveHundredIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028817_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028817Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:BarclaysCapitalUsAggregateBondIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028817_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028817Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SanpFiveHundredAndBarclaysCapitalUsIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012C000113513_MemberS000028826_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028826Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:ReturnBeforeTaxMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028826_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028826Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028826_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028826Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsAndSalesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028826_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028826Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SandpFiveHundredIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028826_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028826Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:BarclaysCapitalUsAggregateBondIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028826_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028826Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SanpFiveHundredAndBarclaysCapitalUsIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012C000113513_MemberS000028825_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028825Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:ReturnBeforeTaxMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028825_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028825Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028825_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028825Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsAndSalesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028825_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028825Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SandpFiveHundredIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028825_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028825Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:BarclaysCapitalUsAggregateBondIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028825_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028825Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SanpFiveHundredAndBarclaysCapitalUsIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012C000113513_MemberS000028822_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028822Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:ReturnBeforeTaxMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028822_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028822Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028822_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028822Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsAndSalesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028822_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028822Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SandpFiveHundredIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028822_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028822Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:BarclaysCapitalUsAggregateBondIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028822_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028822Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SanpFiveHundredAndBarclaysCapitalUsIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012C000113513_MemberS000028820_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028820Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:ReturnBeforeTaxMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028820_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028820Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028820_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028820Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">rr:AfterTaxesOnDistributionsAndSalesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:ProspectusShareClassAxis">jhf24:C000113513Member</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028820_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028820Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SandpFiveHundredIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028820_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028820Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:BarclaysCapitalUsAggregateBondIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028820_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028820Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="rr:PerformanceMeasureAxis">jhf24:SanpFiveHundredAndBarclaysCapitalUsIndexMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028817_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028817Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028826_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028826Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028825_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028825Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028822_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028822Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <context id="Duration_02Mar2011_01Mar2012S000028820_MemberProspectusClassRtwoShares_Member">
    <entity>
      <identifier scheme="http://www.sec.gov/CIK">0001331971</identifier>
      <segment>
        <xbrldi:explicitMember dimension="dei:LegalEntityAxis">jhf24:S000028820Member</xbrldi:explicitMember>
        <xbrldi:explicitMember dimension="dei:DocumentInformationDocumentAxis">jhf24:ProspectusClassRtwoSharesMember</xbrldi:explicitMember>
      </segment>
    </entity>
    <period>
      <startDate>2011-03-02</startDate>
      <endDate>2012-03-01</endDate>
    </period>
  </context>
  <unit id="pure">
    <measure>pure</measure>
  </unit>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberC000113513_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberS000028817_MemberC000113513_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberS000028817_MemberC000113513_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028826_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028826_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028826_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028825_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028825_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028825_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028822_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028822_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028822_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028820_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028820_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028820_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <rr:AverageAnnualReturnInceptionDate contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member">2010-04-30</rr:AverageAnnualReturnInceptionDate>
  <dei:DocumentType contextRef="Duration_02Mar2011_01Mar2012">Other</dei:DocumentType>
  <dei:DocumentPeriodEndDate contextRef="Duration_02Mar2011_01Mar2012">2011-08-31</dei:DocumentPeriodEndDate>
  <dei:EntityRegistrantName contextRef="Duration_02Mar2011_01Mar2012">John Hancock Funds II</dei:EntityRegistrantName>
  <dei:EntityCentralIndexKey contextRef="Duration_02Mar2011_01Mar2012">0001331971</dei:EntityCentralIndexKey>
  <dei:DocumentCreationDate contextRef="Duration_02Mar2011_01Mar2012">2012-09-10</dei:DocumentCreationDate>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberC000113513_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0473</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberS000028817_MemberC000113513_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0525</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberS000028817_MemberC000113513_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0307</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0211</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0784</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0332</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028826_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0382</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028826_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0432</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028826_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0248</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0211</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0784</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0332</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028825_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0336</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028825_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0387</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028825_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0218</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0211</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0784</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028822_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0091</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028822_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0041</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028822_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0059</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0211</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0784</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0562</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028820_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0327</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028820_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0271</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028820_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0213</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0211</rr:AverageAnnualReturnYear01>
  <jhf24:SupplementTextBlock contextRef="Duration_02Mar2011_01Mar2012">&lt;div align="center" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 18pt; "&gt;&lt;b&gt;John Hancock Funds II&lt;br/&gt;Supplement dated September&amp;nbsp;10, 2012&lt;br/&gt;to the Class&amp;nbsp;R2 Prospectus dated March&amp;nbsp;1, 2012&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2045 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt;- 4.73&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.89&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 5.25&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 1.52&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 3.07&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 1.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;3.32&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;5.36&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2040 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt;- 3.82&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;0.02&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 4.32&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.62&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 2.48&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.35&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;3.32&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;5.36&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2035 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt;- 3.36&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;0.33&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 3.87&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.29&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 2.18&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.07&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;3.51&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;5.42&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2020 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt; 0.91&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.52&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;0.41&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;1.93&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;0.59&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;1.80&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;5.62&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;6.31&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2010 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt;3.27&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;3.12&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt; 2.71&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt; 2.46&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.13&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.28&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.47&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;6.95&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</jhf24:SupplementTextBlock>
  <dei:DocumentEffectiveDate contextRef="Duration_02Mar2011_01Mar2012">2012-09-10</dei:DocumentEffectiveDate>
  <dei:AmendmentFlag contextRef="Duration_02Mar2011_01Mar2012">false</dei:AmendmentFlag>
  <rr:ProspectusDate contextRef="Duration_02Mar2011_01Mar2012">2012-03-01</rr:ProspectusDate>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0784</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0747</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnYear01 decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0351</rr:AverageAnnualReturnYear01>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0695</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.07</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0466</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028820_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0228</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028820_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0246</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028820_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0312</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0631</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.07</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0466</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028822_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.018</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028822_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0193</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028822_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0252</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0542</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.07</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0466</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028825_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0007</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028825_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0029</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028825_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0033</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0536</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.07</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0466</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberC000113513_MemberS000028826_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0035</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberC000113513_MemberS000028826_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0062</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012C000113513_MemberS000028826_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0002</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberSanpFiveHundredAndBarclaysCapitalUsIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0536</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberBarclaysCapitalUsAggregateBondIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.07</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberSandpFiveHundredIndex_MemberProspectusClassRtwoShares_Member" unitRef="pure">0.0466</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributionsAndSales_MemberS000028817_MemberC000113513_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0111</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012AfterTaxesOnDistributions_MemberS000028817_MemberC000113513_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0152</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnSinceInception decimals="4" contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberC000113513_MemberReturnBeforeTax_MemberProspectusClassRtwoShares_Member" unitRef="pure">-0.0089</rr:AverageAnnualReturnSinceInception>
  <rr:AverageAnnualReturnCaption contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberProspectusClassRtwoShares_Member">&lt;font style="FONT-FAMILY: Arial, Helvetica;"&gt;Average annual total returns (%) as of 12-31-11&lt;/font&gt;</rr:AverageAnnualReturnCaption>
  <rr:AverageAnnualReturnCaption contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberProspectusClassRtwoShares_Member">&lt;font style="FONT-FAMILY: Arial, Helvetica;"&gt;Average annual total returns (%) as of 12-31-11&lt;/font&gt;</rr:AverageAnnualReturnCaption>
  <rr:AverageAnnualReturnCaption contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberProspectusClassRtwoShares_Member">&lt;font style="FONT-FAMILY: Arial, Helvetica;"&gt;Average annual total returns (%) as of 12-31-11&lt;/font&gt;</rr:AverageAnnualReturnCaption>
  <rr:AverageAnnualReturnCaption contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberProspectusClassRtwoShares_Member">&lt;font style="FONT-FAMILY: Arial, Helvetica;"&gt;Average annual total returns (%) as of 12-31-11&lt;/font&gt;</rr:AverageAnnualReturnCaption>
  <rr:AverageAnnualReturnCaption contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberProspectusClassRtwoShares_Member">&lt;font style="FONT-FAMILY: Arial, Helvetica;"&gt;Average annual total returns (%) as of 12-31-11&lt;/font&gt;</rr:AverageAnnualReturnCaption>
  <jhf24:SupplementTextBlock contextRef="Duration_02Mar2011_01Mar2012S000028817_MemberProspectusClassRtwoShares_Member">&lt;div align="center" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 18pt; "&gt;&lt;b&gt;John Hancock Funds II&lt;br/&gt;Supplement dated September&amp;nbsp;10, 2012&lt;br/&gt;to the Class&amp;nbsp;R2 Prospectus dated March&amp;nbsp;1, 2012&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2045 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt;- 4.73&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.89&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 5.25&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 1.52&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 3.07&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 1.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;3.32&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;5.36&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</jhf24:SupplementTextBlock>
  <jhf24:SupplementTextBlock contextRef="Duration_02Mar2011_01Mar2012S000028826_MemberProspectusClassRtwoShares_Member">&lt;div align="center" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 18pt; "&gt;&lt;b&gt;John Hancock Funds II&lt;br/&gt;Supplement dated September&amp;nbsp;10, 2012&lt;br/&gt;to the Class&amp;nbsp;R2 Prospectus dated March&amp;nbsp;1, 2012&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2040 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt;- 3.82&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;0.02&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 4.32&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.62&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 2.48&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.35&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;3.32&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;5.36&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</jhf24:SupplementTextBlock>
  <jhf24:SupplementTextBlock contextRef="Duration_02Mar2011_01Mar2012S000028825_MemberProspectusClassRtwoShares_Member">&lt;div align="center" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 18pt; "&gt;&lt;b&gt;John Hancock Funds II&lt;br/&gt;Supplement dated September&amp;nbsp;10, 2012&lt;br/&gt;to the Class&amp;nbsp;R2 Prospectus dated March&amp;nbsp;1, 2012&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2035 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt;- 3.36&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;0.33&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 3.87&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.29&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 2.18&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;- 0.07&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;3.51&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;5.42&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</jhf24:SupplementTextBlock>
  <jhf24:SupplementTextBlock contextRef="Duration_02Mar2011_01Mar2012S000028822_MemberProspectusClassRtwoShares_Member">&lt;div align="center" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 18pt; "&gt;&lt;b&gt;John Hancock Funds II&lt;br/&gt;Supplement dated September&amp;nbsp;10, 2012&lt;br/&gt;to the Class&amp;nbsp;R2 Prospectus dated March&amp;nbsp;1, 2012&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2020 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt;0.91&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.52&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt; 0.41&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt; 1.93&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;0.59&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;1.80&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;5.62&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;6.31&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</jhf24:SupplementTextBlock>
  <jhf24:SupplementTextBlock contextRef="Duration_02Mar2011_01Mar2012S000028820_MemberProspectusClassRtwoShares_Member">&lt;div align="center" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 18pt; "&gt;&lt;b&gt;John Hancock Funds II&lt;br/&gt;Supplement dated September&amp;nbsp;10, 2012&lt;br/&gt;to the Class&amp;nbsp;R2 Prospectus dated March&amp;nbsp;1, 2012&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 12pt; "&gt;&lt;b&gt;Retirement Choices at 2010 Portfolio&lt;/b&gt;&lt;/div&gt;&lt;div align="left" style="font-family: Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); font-size: 10pt; margin-top: 6pt; "&gt;The "Average Annual Total Returns" table in the "Past performance" section in the Fund summary is replaced in its entirety with the following:&lt;/div&gt;&lt;table cellspacing="0" border="0" cellpadding="0" width="100%" style="font-size: 10pt; "&gt;&lt;tr valign="bottom"&gt;&lt;td width="76%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="5%"&gt;&amp;nbsp;&lt;/td&gt;&lt;td width="1%"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="font-size: 8pt; "&gt;&lt;td nowrap="nowrap" align="left" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Average annual total returns (%)&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;1 Year&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="center" colspan="2" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); "&gt;Inception&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;as of 12-31-11&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td nowrap="nowrap" align="right"&gt;4-30-10&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;&lt;b&gt;Class&amp;nbsp;R2&amp;nbsp;&lt;/b&gt;before tax&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right" nowrap="nowrap"&gt;3.27&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;3.12&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt; 2.71&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt; 2.46&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 30px; text-indent: -15px; "&gt;After tax on distributions, with sale&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.13&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.28&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;2.11&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;4.66&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom"&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.84&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.00&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr valign="bottom" style="background-color: rgb(204, 238, 255); background-position: initial initial; background-repeat: initial initial; "&gt;&lt;td&gt;&lt;div style="margin-left: 15px; text-indent: -15px; "&gt;S&amp;amp;P 500 Index/Barclays Capital U.S. Aggregate Bond Index&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;7.47&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td align="right"&gt;6.95&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</jhf24:SupplementTextBlock>
</xbrl>
