Question

在单击“filterby”按钮之前，有人可以帮我将.projectCategories显示为打开吗？这是我到目前为止所做的。

<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: none;">

如果应该在开始时显示，则执行“display：block”。

此外，你的'if'语句并没有真正做任何事情，因为你在任何一种情况下都执行相同的操作，我也会改变这一行：

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

Answer 2

插入样式属性以将其设置为在开头显示：

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

Answer 3

如果元素projectCategories没有任何display:none css规则，则默认情况下应显示该元素。

无论如何，我建议你使用内联css样式和内联javascript代码停止。如果您不需要href属性，甚至可以避免使用<a>标记，只需使用<button>代替

我做了一个小小的小提示，告诉你如何以一种干净的方式完成它： http://jsfiddle.net/xp94M/1/

最后，尽可能使用id属性而不是class属性（如果元素在页面中是唯一的）。当查找id而不是class时，jQuery会更快。

HTML＆amp; Javascript - 在点击打开div之前打开

3 个答案: