jQuery show hideプラグインが動作しない

This is regarding the following jQuery plugin: http://blog.danawoodman.com/jquery-showhide/

私は私のWordPressのサイトでjQuery show hideプラグインを使用しています。しかし同じ問題を抱えている。 シンプルなHTMLファイルの次のコードは私のためにうまくいきます:

<!DOCTYPE HTML>
<html>
    <head>
        <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1'></script>
        <script type="text/javascript" src="jquery.cookie.js"></script>
        <script type="text/javascript" src="jquery.showhide.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#ex-6').showhide({
                    use_cookie: true,
                    cookie_name: 'example_6'
                });   
            });

        </script>
    </head>
    <body>
           

off ABC

</body> </html>

WordPressで上記の作業を行うには、私は次のことを行います:

1)WordpressのHeader.phpファイルを編集し、次の行をセクションに追加します

 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1'></script>
    <script type="text/javascript" src="/wp-content/themes/mystique/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="/wp-content/themes/mystique/js/jquery.showhide.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#ex-6').showhide({
                use_cookie: true,
                cookie_name: 'example_6'
            });   
        });

    </script>

2)サイドバーウィジェットを作成し、次のコードを追加します:

off ABC

必要なjavascriptライブラリをアップロードしたパスをメモしておきます

私はすべてのプラグインを無効にしようとしましたが効果はありませんでした。

The above doesn't work on the blog. You can check the same on: http://extreme-java.com/check-java-iq/

私はどこで間違いを犯したのかを教えてください。

0
追加された 著者 zloctb,

2 答え

あなたのソースコードを見て、それはあなたがワードプレスのページで "jqueryのタブの機能"がほしいと思われる

ワードプレスタブプラグインを試してみてください。第3画面を参照してください。

また、このページをサイドバーにしたい場合は、サイドバーとしてページ/投稿を使用できますプラグイン。

私はこれがこの機能を達成するためのより良いオプションだと思う

それがあなたを助けることを願ってください。

1
追加された
+1 - この問題ではより良い方法と思われます。
追加された 著者 Ved,
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1'></script>

一重引用符を避けるようにしてください。代わりにこれを試してください:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1"></script>
0
追加された
私はこれがおそらくあなたの問題を完全に解決するわけではないことに気づいていますが、頭痛を避けるのは常に良い考えです
追加された 著者 Sebastian Graz,