1

私はDanielStocksjQueryを使用しています-Cookieを使用して折りたたむと、うまく機能します。

https://github.com/danielstocks/jQuery-折りたたみ

こんにちは、ヘッダーの1つをリンクにする方法を知っている人はいますか？したがって、クリックするとメニューを含む別のページにリンクし、このページが読み込まれると、クリックしたメニューが展開されてサブアイテムが表示されます。

以下の例では、別のページにリンクしてこのページで展開するフルーツが必要です。

 <div class="demo">             
                <h3><a href="default2.html">Fruits</a></h3>
                <ul>
                    <li>Apple</li>
                    <li>Pear</li>
                    <li>Orange</li>
                </ul>
                <h3>Vegetables</h3>
                <ul>
                    <li>Carrot</li>
                    <li>Tomato</li>
                    <li>Squash</li>
                </ul>
                <h3>Colors</h3>
                <ul>
                    <li>Green</li>
                    <li><a href="http://en.wikipedia.org/wiki/Yellow">Yellow</a></li>
                    <li><a href="http://en.wikipedia.org/wiki/Orange_(colour)">Orange</a></li>
                </ul>
            </div>

どんな助けもいただければ幸いです:-)

4

2 に答える 2

0

IDに追加してa href="default2.html#id"、次のIDに設定できますul id="id"

このようにjavascriptを使用すると、読み込み時に正しいリストを表示できます。

こちらをご覧ください

http://jsfiddle.net/toroncino/an9Z2/

于 2012-05-01T12:16:00.047 に答える
0

私が見ている別の問題は、プラグインがリンクを含む h3 を無視することです。

したがって、これをカスタムの show() ハンドラと組み合わせる必要があります。

HTML

<h3 id="fruits" rel="index2.html#fuits">Fruits</h3>
<ul>
  <li>Apple</li>
   <li>Pear</li>
   <li>Orange</li>
 </ul>
...

JS

$(".demo").collapse({
    head: "h3",
    group: "ul",
    show: function() {
       if($(this).prev().attr('rel')){
           // open a window with the rel value as the location.
           window.location=($(this).prev().attr('rel'));
       }
       $(this).show()
    },
    hide: function(){
       $(this).hide()
    }
});

次に、@Andreaが言及した方法を使用して、他のページで開きたいアイテムをアクティブに設定するだけです。

したがって、この例では、URL が #fruits の場合、読み込み時に開くアイテムは id="fruits" の h3 になります。

これを行うには、使用できます。

if(window.hash){
    $("#"+window.hash).addClass('active')
于 2012-05-01T15:26:21.900 に答える