jquery - 左右のパディングが機能しない

Question

私は2時間答えを探していました。

 .liteAccordion .slide > div {height: 100%; position: absolute; top: 0;
 z-index: 10; overflow: hidden; background:
 white;color:black;padding:25px;}

上下のパディングのみが機能しています。問題の原因は何ですか？

http://nicolahibbert.com/demo/liteAccordion/のjs水平アコーディオンメニュープラグインを使用しています

HTMLコード

<div id="site-accordion">
            <ol>
                <li>
                    <h2><span>գլխավոր</span></h2>
                    <div class="ins">
                        <h3>This is Slide One.</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                            consequat. <a href="#">Link somewhere</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h2><span>նսորություններ</span></h2>
                    <div>
                        <h3>This is Slide Two.</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi. <br /><a href="#">Link somewhere</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h2><span>ծառայություններ</span></h2>
                    <div>
                        <h3>This is Slide Three.</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                            consequat. <a href="#">Link somewhere</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h2><span>կապ</span></h2>
                    <div>
                        <h3>This is Slide Four.</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
                            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi. <br /><a href="#">Link somewhere</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h2><span>խորհրդակցություն</span></h2>
                    <div>
                        <h3>This is Slide Five.</h3>
                        <p><Div class="cont">
                  <form id="site-contact-form" method="post" action="/index.php">
                    <div>
                      <div class="wrapper"><span>Ваше имя:</span>
                        <div class="bg">
                          <div>
                            <input type="text" class="input" name="contactname" id="contactname" value="" class="required"/s>
                          </div>
                        </div>
                      </div>
                      <div class="wrapper"><span>Ваш E-mail:</span>
                        <div class="bg">
                          <div>
                            <input type="text" class="input" name="email" id="email" value="" class="required"/>
                          </div>
                        </div>
                      </div>
                      <div class="textarea_box"><span>Ваш вопрос:</span>
                        <div class="bg">
                          <div>
                            <textarea  cols="1" rows="1" name="message" id="message"></textarea>
                          </div>
                        </div>
                      </div>
                        <div style="clear:both;"></div>
                       <input type="submit" value="Отправить вопрос" name="submit" /> </div>
                  </form>

                        </p>
                    </div>
                </li>
            </ol>
        </div>

</div>

ここではすべて正常に動作します。しかし、パディングを追加しようとしていますが、うまくいきません。

Answer 1

プラグインは、$('.slide') の $('div') の padding-left を上書きします

内部に子divを追加して .liteAccordion .slide > div、子divのパディングを設定してみてください。