HTML5 표시 이름 변경 <details>

Question

나는 <details></details> 기능을 사용하고 있습니다. 자동으로 무언가를 표시하는 "세부 정보"텍스트를 변경할 수있는 방법이 있습니까?

Answer 1

<summary> 요소를 제공하지 않으면 "Details (세부 정보)"가 기본적으로 표시됩니다. 이를 변경하려면 간단히 <summary>을 사용하십시오 (주석의 기본 표시를 지적하기 위해 Jukka K. Korpela에게 감사드립니다). <details>은 잘 지원되지 않습니다. 당신이 태그를 사용하고자하는 경우 : 당신은 페이지로드 후 텍스트를 편집하려면

<details class="mydetails"> 
    <summary>This is the text that show</summary> 
    <p>This is the text that will show when you click on the summary text</p> 
</details> 

를, 내가 jQuery를 사용하여 단지 추천 할 것입니다 :

$('.mydetails summary').html('Change the text to this'); 

을 이제 jsfiddle을 추가 한 것을 :

부트 스트랩을 사용하려면 괜찮습니다. 이 경우 실제로는 <details>에 대한 지원이 부족하여 선호됩니다. 부트 스트랩 css와 js가 포함되어 있고 404 오류가 발생하지 않았는지 확인하십시오. http://jsfiddle.net/Dc6jF/128/