0

私はそのような問題を抱えています、私はいくつかの隠されたサブコンテンツを持っているメニューを持っています。ユーザーがナビゲーションボタンをクリックすると、非表示のコンテンツが表示されます。その部分は問題なく、すべて機能しています。

私が知る必要があるのは、隠されたコンテンツを表示するナビゲーションアイテムが1つある場合です。ユーザーが次のナビゲーションアイテムをクリックした場合。他の非表示のコンテンツを非表示にし、新しい非表示のコンテンツを表示したいと思います。

私のインスピレーションはこのウェブサイトから来ています。http://www.o2.co.uk/ナビゲーション矢印の項目をクリックした場合。これに関するどんな助けも素晴らしいでしょう。ちなみに、すべての表示と非表示の効果はすべて機能しています。

助けてくれる人に感謝します。

4

2 に答える 2

0

私はあなたがjavascriptでこれをやっていると仮定しています。ここで私が初歩的すぎる場合はご容赦ください。

関数 (投稿できる場合は役立つでしょう) は、クリックした要素の表示属性を変更するだけでなく、それを display:none; に変更する必要があります。他の人のために。

したがって、ナビゲーション項目をクリックすると、JavaScript はそのリストの表示属性を :block などに変更し、他のすべてのリストも display:none に変更します。これは少し強引なので、現在 :none 以外のものを :none に変更することもできます。

于 2010-11-11T22:46:08.373 に答える
0

これにはjQueryが必要ですが...

最初に、onClick 関数をクラス「link」で各要素に関連付けます。onClick に、クリックすると、クラス「hidable」ですべての要素を非表示にし、次に、このリンクの rel 属性値の ID で div を表示します。 http://api.fatherstorm.com/test/4159899.php

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
        <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script>


    <script>
            $(document).ready(function() {
                $('.link').each(function(){
                    $(this).click(function(){

                        $('.hidable').hide();
                        $($(this).attr('rel')).show();
                    });

                });
            });

        </script>



 <ul>

    <li class='link' rel='#div1'>l1</li>
    <li class='link' rel='#div2'>l2</li>
    <li class='link' rel='#div3'>l3</li>
    <li class='link' rel='#div4'>l4</li>
    <li class='link' rel='#div5'>l5</li>

        </ul>

    for the code block
    <div class='hidable' id='div1'>div 1</div>
    <div class='hidable' id='div2'>div 2</div>
    <div class='hidable' id='div3'>div 3</div>
    <div class='hidable' id='div4'>div 4</div>
    <div class='hidable' id='div5'>div 5</div>
于 2010-11-11T22:47:55.323 に答える