Use this tag for question about HTML5
The <summary> tag is used to define the visible header for the <details> element. By clicking on the header the user can view/hide the information.
Questions tagged [html-tag-summary]
23 questions
125
votes
11 answers
How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
I now its still early but I also know you guys are on top of it.
I want to use the HTML5 details element:
What's the HTML5 details element?
The details element represents a disclosure widget from which the…
DADU
- 6,482
- 7
- 42
- 64
28
votes
8 answers
Automatically close all the other tags after opening a specific tag
tag
Here is my code.
What I want to do is -- if the details of any single…
1
Demo 12
Demo 23
Demo 3
rohan_vg
- 1,087
- 3
- 15
- 27
6
votes
5 answers
How to make drop down on mouse hover
can anybody help me on how to make the details dropdown on mouse hover using css
This is the html code
I need a css code for it to drop down when the mouse hovers on it can anybody…
Sample
Details of sample
user1868185
- 899
- 3
- 9
- 24
4
votes
2 answers
Details and summary tag compatibility issues
How do you get the details and summary tag for HTML5 to work on all browsers?
I can get the details and summary tag to work with google chrome but i can't get it to work with any other browser.
KeKe
- 43
- 7
3
votes
1 answer
How do I get rid of the frameboard surrounding the & tags?
tags?
If you click on the or a grey-blue frameboard appears surrounding the title.
How do I edit CSS & HTML?
Visit…
Jim
- 407
- 1
- 11
- 24
3
votes
1 answer
binding viewmodel to existence of a property in knockout
I am using Knockout.js to populate a set of HTML5
elements. Here is the structure:
…
Moshe Katz
- 15,992
- 7
- 69
- 116
3
votes
2 answers
Open element when window width => 768px
I´m developing a responsive website where I use the
elements to show aditional information in the services section. How can I change the details "open" attribute when the window width > 768px ? It´s possible to do only with…
Swazy
- 35
- 4
2
votes
1 answer
I have a "label" tag inside a "summary" tag. It is not opening the details when clicked on label. How to solve?
I have checked this question. There is no answer and this question also. But my question is little different here. I am just adding another element inside the summary and clicking on that not opening the details. When I click outside label i.e. Only…
Saroj_98
- 21
- 4
1
vote
0 answers
element not clickable
I am creating a drop-down menu in line with various online tutorials such as:
https://www.codewall.co.uk/create-a-dropdown-navigation-menu-with-details-summary/
However, when I reproduce this code (including copy-paste), the menu items fail to be…
SimonK
- 21
- 3
1
vote
2 answers
opens one after another with a shortcut
I tried to set it up when pressing a "a" key to open in order, but it opens all at the same time.
Expected outcome:
"a" key = open Details1
"a" key = open Details2
"a" key = open Details3
document.onkeyup = function(e) {
var e = e ||…
Huandney
- 23
- 4
1
vote
1 answer
jquery HTML5 details and summary, problems counting children
I'm having problems counting children in a huge 'index-like' file which uses the details and summary tags. Need to know how many children there are for a specific summary tag. The code example has just a small part of the complete file but it shows…
R.E. Tired
- 49
- 5
1
vote
3 answers
details and summary: delete or hide "arrow"
Code:
How to remove the "arrow" in googleBrowser?
In the FFox…
Що зробити:
текст text текст text текст text текст text
текст text текст text текст text текст text
Aliskin
- 169
- 1
- 9
1
vote
5 answers
html5 details tag open one by one javascript function working strange
I'm using the HTML5 tag details for a FAQ section of a company. An issue was that if the user opened another question the other question would not close automatically. Therefore I searched on the web and found the following solution:
function…
Daniel Ramirez-Escudero
- 3,877
- 13
- 43
- 80
1
vote
3 answers
once again div vs tables
In my project, I have come across a situation where we have to create table (expandable).
I have implemented using divs and spans.
my senior is asking ti implement it using td,tr
Navaneeth
- 2,555
- 1
- 18
- 38
0
votes
1 answer
Multi-line details summary forces summary::marker above text
I'm using details to make content sections collapsible. I've set the summary h3 to be display: inline-block; so the marker is in line with the header.
Unfortunately, when the title wraps to multiple lines, the marker jumps to above the header.
How…
Chris
- 11,819
- 19
- 91
- 145