JQuery инструменты TABS - скрыть DIV во вкладках? - PullRequest
Новая
       22

JQuery инструменты TABS - скрыть DIV во вкладках?

1 голос
/ 23 августа 2011

Я использую простые вкладки инструментов jQuery 

$("ul.tabs").tabs("div.panes > div");

с этим html: 

<!-- the tabs --> 
                <ul class="tabs"> 
                    <li><a href="#">Passenger Record</a></li> 
                    <li><a href="#">Annotations (10)</a></li> 
                </ul> 

                <!-- tab "panes" --> 
                <div class="panes"> 
                    <div>
                    First tab content. Tab contents are called "panes"
                        <div class="NoShow">THIS DIV IS HIDDEN??</div>
                    </div> 
                    <div>Second tab content</div> 
                </div>

Так что div с class = "NoShow" скрыт. Я считаю, что это связано с JavaScript 

("div.panes > div");

Но я не хочу, чтобы DIV внутри вкладок DIV были скрыты ?? Как мне просто скрыть DIV, связанные с вкладками?

Ответы [ 2 ]

1 голос
/ 09 октября 2012

причина, по которой вложенный div не может быть показан, состоит в том, что у вас есть свойство css 

.panes div {
    display:none;
}

на примере инструментов jquery: http://jquerytools.org/media/css/tabs-panes.css

1 голос
/ 23 августа 2011

$("div.panes > div"); относится только к прямым детям.Div «NoShow» - это внук «панелей».

Попробуйте вместо этого $("#NoShow") - это тоже быстрее, потому что вы используете ID вместо класса.

...