Показать первый div по умолчанию

-1

.newboxes { 
     display: none; 

    } 

    <script language="javascript"> 
    function showonlyone(thechosenone) { 
     $('.newboxes').each(function(index) { 
       if ($(this).attr("id") == thechosenone) { 
        $(this).show(200); 
       } 
       else { 
        $(this).hide(600); 
       } 
     }); 
    } 
    </script> 

<a href="javascript:showonlyone('newboxes1');" id="myHeader1"> 
<a href="javascript:showonlyone('newboxes2');" id="myHeader2"> 
<a href="javascript:showonlyone('newboxes3');" id="myHeader3"> 
<a href="javascript:showonlyone('newboxes4');" id="myHeader4"> 

<div class="newboxes" id="newboxes1" style="display: none;padding: 0px; width: 750px; font-size:14px;"> 
<div class="newboxes" id="newboxes2" style="display: none;padding: 0px; width: 750px; font-size:14px;"> 
<div class="newboxes" id="newboxes3" style="display: none;padding: 0px; width: 750px; font-size:14px;"> 
<div class="newboxes" id="newboxes4" style="display: none;padding: 0px; width: 750px; font-size:14px;">

Я хочу показать сначала при загрузке страницы в первый раз. Как мне сделать это с помощью этой части кода? Если я добавлю display: block; для первого div он не работает так.Показать первый div по умолчанию

источник

2013-08-02 Aeykash

Может быть, вы нечто начать с закрытия тегов. – iConnor

Якорь и теги div не закрыты. ваша структура дома недействительна – dreamweiver

удалить 'display: none' форму первого div. и изменить CSS тоже. Infact, если вы собираетесь использовать встроенные стили, не волнуйтесь об этом CSS вообще – musefan

Изменение первого один для отображения: блок

<div class="newboxes" id="newboxes1" style="display: block;padding: 0px; width: 750px; font-size:14px;">

ИЛИ выберите используя ID:

#newboxes1{ 
    display:block; 
}

источник

2013-08-02 13:52:36

Добавить эту CSS в вашем коде:

.newboxes:first-child { 
    display: block; 
}

И удалить дисплей встроенный свойство из всех div.

<div class="newboxes" id="newboxes1" style="padding: 0px; width: 750px; font-size:14px;">

источник

2013-08-02 13:52:53

Зачем вам использовать ': first-child', когда элемент имеет уникальный' ID'? – iConnor

@Connor, чтобы они могли использовать его там, где есть средства на другой странице, где может быть другой ID. –

function showonlyone(thechosenone) { 
     $('.newboxes').each(function(index) { 
       if ($(this).attr("id") == thechosenone) { 
        $(this).show(200); 
       } 
       else { 
        $(this).hide(600); 
       } 
     }); 
    } 

// This will show first box :eq(n) returns the nth item from the selector (starting from 0) 
$('.newboxes:eq(0)').show();

источник

2013-08-02 13:53:54 chadanuk

Показать первый div по умолчанию

ответ

Смежные вопросы