@fqgtq

Как сделать открытие двух id?

5eee42710dc83617944991.jpeg
Есть такие кнопки на телефоне, когда их нажимаешь, должно по якорной ссылке открывать соответствующий пункт в прайсе, но из-за того что кнопка скрывает прайс по id это не получается сделать. А при нажатии на кнопку, открывается полный прайс.
У кнопок на телефоне href="prays1"..href="prays2"...href="prays13"
<p  id="all1"/></p>
<table class="demotable">
<thead>
<tr>
<tfoot>
<tr>
<td colspan="3" style="text-align: center;"><a href="#all1" style="margin-top:200px"><button style="background-color: #0073A4;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 0px 10px 0px rgba(41, 41, 41, 0.86);
    padding: 7px 7px 7px 7px;border:none;color:white;margin-top:10px;">Смотреть все цены</button></a>
<tbody>
<tr>
<th id="prays1">Замена дисплейного модуля
<td>от 35р
<td class="popmake-726" style="text-decoration: underline;">заказать ремонт
<tr>
<th  id="prays2">Замена стекла дисплейного модуля
<td>от 10р
<td class="popmake-726" style="text-decoration: underline;">заказать ремонт
<tr>
  <tr>
  <th>Замена дисплейного модуля
  <td>от 10р
  <td class="popmake-726" style="text-decoration: underline;">заказать ремонт
<tr>
    <tr>
    <th 
id="prays3">Перепрошивка/обновление/восстановление ПО
    <td>от 10р
    <td class="popmake-726" style="text-decoration: underline;">заказать ремонт
<tr>
      <tr>
      <th  id="prays4">Чистка от пыли/влаги
      <td>от 10р
      <td class="popmake-726" style="text-decoration: underline;">заказать ремонт
      <tr>
        <tr>
              <tr>
              <th  id="prays5">Установка навигационных карт
              <td>от 10р
              <td class="popmake-726" style="text-decoration: underline;">заказать ремонт
              <tr>
                <tr>
                      <tr>
                      <th  id="prays6">Замена корпуса
                      <td>от 10р
                      <td class="popmake-726" style="text-decoration: underline;">заказать ремонт
                      <tr>
                        <tr>
                              <tr>
                              <th>Замена шлейфа кнопки включения
                              <td>от 10р
                              <td class="popmake-726" style="text-decoration: underline;">заказать ремонт
                              <tr>
                                <tr>
                                      <tr>
                                      <th>Замена стекла камеры (основной)
                                      <td>от 10р
                                      <td class="popmake-726" style="text-decoration: underline;">заказать ремонт
                                      <tr>
                                        <tr>
                                              <tr>
                                              <th>Замена кнопки Home
                                              <td>от 10р
                                              <td class="popmake-726" style="text-decoration: underline;">заказать ремонт
                                              <tr>
                                                <tr>
                                                      <tr>
                                                      <th>Замена вибромотора
                                                      <td>от 10р
                                                      <td class="popmake-726" style="text-decoration: underline;">заказать ремонт
                        </table>

[id^="all"] {
position: fixed; /* чтобы страница "не подпрыгивала" к id */
}
[id^="all"]:target + table a[href^="#all"],
[id^="all"]:not(:target) + table tbody tr:nth-of-type(n+4), /* 4 — это порядковый номер tr, после которого строки будут изначально удалены (включительно) */
[id^="all"]:not(:target) + table a[href="#close"] {
display: none;
}
  • Вопрос задан
  • 164 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы