2014-01-07 66 views
0

有人可以幫助我與具有.projectCategories顯示「filterby」按鈕之前開放」點擊這裏是我迄今爲止HTML和Javascript - 開放之前,點擊打開DIV

<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> 

回答

0

插入樣式屬性來設置它顯示在開始:

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

?更改此行,是在開始時沒有顯示:

<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> 
0

你的元素projectCategories應如果它沒有任何display:none css規則,則默認顯示。

無論如何,我會建議你停止使用內嵌的CSS樣式和內嵌的JavaScript代碼。 你甚至可以儘量避免使用<a>標籤,如果你不需要href屬性,只需使用一個<button>代替

我做了一個小提琴向你展示它如何能在一個乾淨的方式來完成: http://jsfiddle.net/xp94M/1/

最後,儘可能使用id屬性而不是class屬性(如果元素在頁面中是唯一的)。當jQuery查找id而不是class時,jQuery速度更快。