Поддержка → Проблемы и решения → Раскрывающий список

Раскрывающий список

  • Решено dyneas

    (@dyneas)


    13 лет, 5 месяцев назад

    Привет всем, извините за глупый вопрос.У меня возникла проблема я делаю статью в которой ну просто необходимо сделать так чтобы доп. информацию с картинками и тексте сворачивалась внутри самой страницы с темой без её перезагрузки. Я побывал использовать готовый скрипт который вводил внутри html редактора тем но при публикации происходит отступ от верхней части.

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Camarade

    (@camarade)

    13 лет, 5 месяцев назад

    <script language="javascript" type="text/javascript">
                function popUp($id){
                    $div=document.getElementById($id);
                    if ($div.style.display=='none') $div.style.display='block';
                    else $div.style.display='none';
                }
                function show_more(){
                    document.getElementById('show_more').style.display='none';
                }
                function hide_more(){
                    document.getElementById('show_more').style.display='block';
                }
                </script>
                    <div>
                        <p>Этот текст всегда видно</p>
                        <a id="show_more" href="javascript:popUp('show_text')" onclick="show_more();" style="cursor: pointer;"><b>Подробнее...</b></a>
                    </div>
                    <div id="show_text" style="">
                        <p>этот текст скрыт</p>
                        <a onclick="hide_more();" href="javascript:popUp('show_text')" style="cursor: pointer;"><b>Скрыть</b></a>
                    </div>
                <script language="javascript" type="text/javascript">
                    popUp('show_text');
                </script>

    попробуй такое решение

    Автор dyneas

    (@dyneas)

    13 лет, 5 месяцев назад

    Спасибо огромное

    Автор dyneas

    (@dyneas)

    13 лет, 5 месяцев назад

    А как сделать сложный список с несколькими вкладками?

    Автор dyneas

    (@dyneas)

    13 лет, 5 месяцев назад

    <script language="javascript" type="text/javascript">
function popUp($id){
 $div=document.getElementById($id);
 if ($div.style.display=='none') $div.style.display='block';
  else $div.style.display='none';
   }
  function show_more(){
  document.getElementById('show_more').style.display='none';
  }
  function hide_more(){
   document.getElementById('show_more').style.display='block';
    }
 </script>
   <div>
      <p>Этот текст всегда видно</p>
  <a id="show_more" href="javascript:popUp('show_text')" onclick="show_more();" style="cursor: pointer;"><b>Открытый текст1</b></a>
   </div>
  <div id="show_text" style="">
   <p>Скрытый текст1</p>
    <a onclick="hide_more();" href="javascript:popUp('show_text')" style="cursor: pointer;"><b>Скрыть1</b></a>
  </div>
 <script language="javascript" type="text/javascript">
  popUp('show_text');
   </script>
   </script>

   <div>
 <a id="show_more" href="javascript:popUp('show_text_1')" onclick="show_more();" style="cursor: pointer;"><b>Открытый текст2</b></a>
   </div>
  <div id="show_text_1" style="">
   <p>Скрытый текст2</p>
    <a onclick="hide_more();" href="javascript:popUp('show_text_1')" style="cursor: pointer;"><b>Скрыть2</b></a>
  </div>
 <script language="javascript" type="text/javascript">
  popUp('show_text_1');
   </script>
   </script>

    Пытался сделать вот так но когда открываю Открытый текст 2 не видно ссылки на Открытый текст 1 и расстояние очень большое между ссылками
    Вот так
    И еще бида когда я открываю архив рубрик то там видно текст программы, но вот на главной все в порядке. Для наглядности
    Заранее большое мпасибо

    Автор dyneas

    (@dyneas)

    13 лет, 5 месяцев назад

    Ну скажите пожалуйста

    Автор dyneas

    (@dyneas)

    13 лет, 4 месяца назад

    Все получилось

    <script language="javascript" type="text/javascript">
 function popUp($id){
 $div=document.getElementById($id);
  if ($div.style.display=='none') $div.style.display='block';
  else $div.style.display='none';
    }
  function show_more(){
  document.getElementById('show_more,show_more_1').style.display='none';
    }
  function hide_more(){
 document.getElementById('show_more,show_more_1').style.display='block';
      }
	  function hide_more_1(){
 document.getElementById('show_more,show_more_1').style.display='block';
      }
  </script>
  <div>
 <p>Этот текст всегда видно</p>
                        <a id="show_more" href="javascript:popUp('show_text')" onclick="show_more();" style="cursor: pointer;"><b>Подробнее...</b></a>
                    </div>
                    <div id="show_text" style="">
                        <p>этот текст скрыт</p>
                        <a onclick="hide_more();" href="javascript:popUp('show_text')" style="cursor: pointer;"><b>Скрыть</b></a>
                    </div>
 <script language="javascript" type="text/javascript">
 popUp('show_text');
  </script>
<div>
<a id="show_more_1" href="javascript:popUp('show_text_1')" onclick="show_more_1();" style="cursor: pointer;"><b>Подробнее_1</b></a>
</div>
<div id="show_text_1" style="">
  <p>этот текст скрыт_1</p>
  <a onclick="hide_more_1();" href="javascript:popUp('show_text_1')" style="cursor: pointer;"><b>Скрыть_1</b></a>
 </div>
 <script language="javascript" type="text/javascript">
  popUp('show_text_1');
  </script>

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Тема «Раскрывающий список» закрыта для новых ответов.

Просмотр