作为插件开发人员，重要的是确保仪表板与WordPress的其他本机组件具有相同的外观和感觉，以提供更好的User Experience.

对于我的插件，我想实现an accordion 在“我的设置”页面中。From reading this article 和使用wp_enqueue_script() 函数，通过执行以下操作，看起来这是可能的：

<?php
wp_enqueue_script( \'jquery-ui-accordion\' );
?>
<script type="text/javascript">
jQuery(function($){
    $(".accordion").accordion({ header: "h3" });
    $(".accordion").last().accordion("option", "icons", false);
});
</script>

<div class="accordion">
    <div>
        <h3><a href="#">First</a></h3>
        <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
    </div>
    <div>
        <h3><a href="#">Second</a></h3>
        <div>Phasellus mattis tincidunt nibh.</div>
    </div>
    <div>
        <h3><a href="#">Third</a></h3>
        <div>Nam dui erat, auctor a, dignissim quis.</div>
    </div>
</div>
<?php

Result

这是从WordPress Admin Pattern Library plugin 我在GitHub上找到的。然而，在他们的演示中，手风琴示例如下所示：

回购协议似乎没有得到维护，这似乎是一个风格问题。是否需要运行其他函数，例如wp_enqueue_style() 这是为了手风琴的正确造型而天生内置的吗？

/* enqueue our css */
public function enqueue_options_style( $hook ) {
    if( $hook == $this->admin_page )
        wp_enqueue_style( \'my-options\', \'/some-directory/my-options.css\', false, $this->version );  // only present for our plugin\'s settings page
}

$this->admin_page = add_menu_page( __( \'Settings\' ), __( \'Settings\' ), \'some-user-capability\', \'my-options\', array( &$this, \'display_page\' ), \'dashicons-my-icon\' );

add_action( \'admin_enqueue_scripts\', array( &$this, \'enqueue_options_style\' ), 10, 1 );     // add the css we need for our options settings page