0

ユーザーが下矢印をクリックしてオプションを表示するまで閉じているドロップダウンボックス用のこのスクリプトがあります。すべてのオプションが最初から表示されるようにしたいので、下矢印を選択する必要はありません。これを達成するために私が何を変更する必要があるか誰かが知っていますか？.toggleClassで「open」「open」を試しましたが、何も変わっていないようです。

    <script type="text/javascript">
// <![CDATA[
// toggles the refine search field values
jQuery(document).ready(function($) {
    $('div.handle').click(function() {
        $(this).next('div.element').animate({
            height: ['toggle', 'swing'],
            opacity: 'toggle' }, 200
        );

        $(this).toggleClass('close', 'open');
        return false;
    });
    <?php foreach ( $_GET as $field => $val ) : ?>
    $('.<?php echo esc_js($field); ?> div.handle').toggleClass('close', 'open');
    $('.<?php echo esc_js($field); ?> div.element').show();
    <?php endforeach; ?>

});
// ]]>
</script>
4

3 に答える 3

1

次のように、選択ボックスで属性を使用multipleします。

<select name="xxx" multiple>
    <option value="1">value 1</option>
    <option value="2">value 2</option>
    <option value="3">value 3</option>
</select>

これがどのように表示されるかを確認するためのデモです。

于 2012-12-12T10:50:29.527 に答える