HTML и Javascript - открыть ранее на кнопку Открыть ДИВ

Question

Может кто-нибудь помочь мне с того, что .projectCategories отображаться как открытой перед кнопкой «filterby»»щелкают Вот то, что я до сих пор

<div class="filterby"> 
    <a href="javascript:;" class="filterby_btn" onclick="if($(this).siblings('.projectCategories').css('display') == 'none') $(this).siblings('.projectCategories').slideToggle(500); else $(this).siblings('.projectCategories').slideToggle(500);"><?php echo get_option(DESIGNARE_SHORTNAME."_filter_by"); ?></a> 
    <div class="projectCategories"></div> 
</div> 

Answer 1

Вставьте атрибут стиля для установки будет отображаться на дисплее в начале:

<div class="projectCategories" style="display:block;"> 

Answer 2

?. Измените эту строку так, чтобы не отображаются в начале:

<div class="projectCategories" style="display: none;"> 

Или. «дисплей: блок», если предполагается, будет отображаться в начале

Кроме того, ваше «если» заявление на самом деле не работает г что-нибудь, так как вы выполняете те же действия, в любом случае, я меняю бы эту линию тоже:

<a href="javascript:;" class="filterby_btn" onclick="$(this).siblings('.projectCategories').slideToggle(500);"><?php echo get_option(DESIGNARE_SHORTNAME."_filter_by"); ?></a> 

Answer 3

Ваш элемент projectCategories РЕКОМЕНДУЕМЫМ отображается по умолчанию, если у него нет никакого правила display:none css.

В любом случае, я бы порекомендовал вам stop с использованием встроенных CSS-стилей и встроенного кода javascript. Вы можете даже не использовать <a> тег, если вы не нуждаетесь в HREF атрибута, просто использовать <button> вместо

Я сделал небольшую скрипку, чтобы показать вам, как это может быть достигнуто в чистом виде: http://jsfiddle.net/xp94M/1/

Наконец, используйте атрибуты id как можно больше вместо атрибута class (если элемент уникален на странице). jQuery действительно быстрее, когда он ищет id вместо class.