Как щелкнуть заголовок в левой части экрана и покажет деталь в правой части для Wordpress - PullRequest
Новая
       11

Как щелкнуть заголовок в левой части экрана и покажет деталь в правой части для Wordpress

0 голосов
/ 27 апреля 2018

Как я могу создать функцию, например, щелкнуть заголовок слева и автоматически отобразит детали справа. Это какой плагин или короткий код в Wordpress? Пожалуйста, дайте предложение, спасибо.

1 Ответ

0 голосов
/ 27 апреля 2018

Надеюсь, это поможет вам:

Это просто пример: - 

        <!DOCTYPE html>
        <html>
        <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <style>
        .details {display : none;width:50%;float:left;}
        .title{
        float: left;
        width:50%
         }
         .extra{width:100%;float:left;}
        </style>
        <script>
        $(document).ready(function(){
        $(".title").click(function(){
         $('.details').hide();
          $(this).next().toggle();

        });
        });
        </script>
        </head>
        <body>
        <div class="extra">
        <div class="title">Title1</div>
        <div class="details">
        <p>This is a paragraph with little content.</p>
        <p>This is another small paragraph.</p>
        </div>
        </div>
        <div class="extra">
        <div class="title">Title2</div>
        <div class="details">
        <p>This is a paragraph with little content.</p>
        <p>This is another small paragraph.</p>
        </div>
        </div>
        <div class="extra">
        <div class="title">Title3</div>
        <div class="details">
        <p>This is a paragraph with little content.</p>
        <p>This is another small paragraph.</p>
        </div>
        </div>

        </body>
...