Customizable drop downs using the HTML details

[BlackBranded]

I'm trying to drop down Html with this code but it's not working 

  measure: GROSS_PROFIT__Total {
    type: sum
    sql: ${GROSS_PROFIT_NZD};;
  
  
    html: <div style="width:100%; text-align: centre;"> <details>
     
    <summary style="outline:none">{{ GROSS_PROFIT__Total.linked_value }}</summary>
    
    Sale Price: {{ First_Time_Profit__Total.linked_value }} 
  <br/>
    </details>
    
    </div>;;
    
  }
    

https://community.looker.com/lookml-5/customizable-drop-downs-using-the-html-details-tag-4924

I tried this coding as well but still not Success 

Please anyone can help me out on this 

Thanks