с jQuery и имея контейнер-обертку вокруг содержимого в пределах каждого h1, я мог бы скрыть их.
но без контейнера-контейнера, как это сделать?
какой лучший способ сделать что-то, что просто скрывает все до следующего h1?
Я не использую jQuery, потому что это часть приложения React.
h1 {
border-bottom: solid 1px #000;
}
span {
float: right;
}
<h1>h1 <span>x</span></h1>
<p>test 1</p>
<h2>h2</h2>
<p>test 2</p>
<h1>h1-1 <span>x</span></h1>
<p>test 3</p>
<h2>h2-2</h2>
<p>test 4</p>