نمایش محتویات با کلیک بر روی عنوان نوشته ؟

saeedagha

کاربر عضو
با سلام خدمت دوستان گل!

می خوام توی وردپرس اگه کسی روی عنوان نوشته ایی کلیک کرد محتویات اون به نمابش در بیاد و لی مشکلی که هست اینه که عناوین نوشته به صورت لیستوار مثلا در سمت راست قرار میگیرند و محتویات اون ها با کلیک بر روی عناوین در سمت چپ به نمایش در می آیند

حالاکسی از دوستان اگه میتونه منو راهنمایی کنه ممنون میشم

 

Mohammad

مدیر انجمن
پرسنل مدیریت
تصویری ، کدی چیزی بدید ببینیم چیکار کنیم!...

 

saeedagha

کاربر عضو
تصویری ، کدی چیزی بدید ببینیم چیکار کنیم!...
از پلاگین جی کوری irganic tab استفاده کردم این هم کدهای داخل ایندکس
کد:
          $(function() {                 $("#tab").organicTabs();          });          $(document).ready(function() {           $(".tab_content").hide();           $("ul.nav li:first").addClass("active").show();           $(".tab_content:first").show();           $("ul.nav li").click(function() {            $("ul.nav li").removeClass("active");            $(this).addClass("active");            $(".tab_content").hide();            var activeTab = $(this).find("a").attr("href");            $(activeTab).fadeIn();            return false;           });          });                                                                                                                                    نویسنده                     لینک دانلود                     راهنمایی                     منبع                     نیازمندی                     برچسب ها                     انگلیسی                                                                                                                                                                                                                          دربارهsfyhfdhdhdfh :                                                           راهنمای دانلود fgjfgjfjfjhhjghjghjghj                                                                                       لینک های دانلود                  راهنمای دانلود fgjfgjfjfjhhjghjghjghj                                                                     راهنمایی                  راهنمای دانلود hkljltylty                                                                     منابع                  rykytyfyhk                                                    <                   حداقل                   g,ltyoty,oyfloyfrlrf                                                                      نوشته                  kltfuykyhkhk                                                                      Lange                  About Post tglugj,lgl.g.j.;;lhlhlhlhl
اگه راه حل بهتری از این افزونه سراغ دارید ممنون میشم بگید مشکل اینه که نمی تونم با وردپرس هماهنگش کنم یعنی دقیقا کجا و چه کوری باید بگیرم (سمت راست تیتل ها است و سمت چپ محتویات) ممنون

 

saeedagha

کاربر عضو
تصویری ، کدی چیزی بدید ببینیم چیکار کنیم!...
از پلاگین جی کوری irganic tab استفاده کردم

این هم کدهای داخل ایندکس


کد:
<script type="text/javascript">
         $(function() {
                $("#tab").organicTabs();
         });
         $(document).ready(function() {
          $(".tab_content").hide();
          $("ul.nav li:first").addClass("active").show();
          $(".tab_content:first").show();
          $("ul.nav li").click(function() {
           $("ul.nav li").removeClass("active");
           $(this).addClass("active");
           $(".tab_content").hide();
           var activeTab = $(this).find("a").attr("href");
           $(activeTab).fadeIn();
           return false;
          });
         });
        </script>

<div id="Tabs-one">
                                         <div class="post">
         <div class="tittle-post">
                                                 <ul class="nav">
                 <li id="auth"><a href="#authors" class="tabs download-matte"> نویسنده </a> </li>
                 <li id="dl"><a href="#download-link" class="tabs download-matte"> لینک دانلود </a> </li>
                 <li id="he"><a href="#help" class="tabs download-matte"> راهنمایی </a> </li>
                 <li id="sourc"><a href="#source" class="tabs download-matte"> منبع </a> </li>
                 <li id="req"><a href="#requer" class="tabs download-matte"> نیازمندی </a> </li>
                 <li id="tags"><a href="#tag" class="tabs download-matte"> برچسب ها </a> </li>
                 <li id="langs"><a href="#lan" class="tabs download-matte"> انگلیسی </a> </li>
                 </ul>
                                         </div>
         <!--/title post-->

         <div class="content-post">
                                                 <div class="list-wrap">
                 <div id="authors" class="tab_content">
                                                         <h3> دربارهsfyhfdhdhdfh : </h3>
                                                         <span class="download-help">راهنمای دانلود</span> fgjfgjfjfjhhjghjghjghj </div>
                 </div>
                                                 <div id="download-link" class="tab_content">
                 <h3>لینک های دانلود</h3>
                 <span class="download-help">راهنمای دانلود</span> fgjfgjfjfjhhjghjghjghj </div>
                                                 <div id="help" class="tab_content">
                 <h3>راهنمایی</h3>
                 <span class="download-help">راهنمای دانلود</span> hkljltylty </div>
                                                 <div id="source" class="tab_content">
                 <h3>منابع</h3>
                 rykytyfyhk </div>
                                                 <div id="requer" class="tab_content"> <
                 <h3> حداقل </h3>
                 g,ltyoty,oyfloyfrlrf </div>
                                                 <div id="tag" class="tab_content">
                 <h3> نوشته</h3>
                 kltfuykyhkhk </div>
                                                 <div id="lan" class="tab_content">
                 <h3> Lange</h3>
                 <span class="download-help">About Post</span> tglugj,lgl.g.j.;;lhlhlhlhl </div>
                                         </div>
         <!-- endlist wrap-->

         </div>
                                         <!--/content-post-->

                                 </div>
اگه راه حل بهتری از این افزونه سراغ دارید ممنون میشم بگید

مشکل اینه که نمی تونم با وردپرس هماهنگش کنم یعنی دقیقا کجا و چه کوری باید بگیرم

(سمت راست تیتل ها است و سمت چپ محتویات)

ممنون

 

Mohammad

مدیر انجمن
پرسنل مدیریت
ببخشید. خوب چون کد css شما با css قالب ادغام میشه و باعث میشه درست نمایش داده نشه!

روی سایت پیادش نکردی؟ دمو بده لطفا

 

saeedagha

کاربر عضو
ببخشید. خوب چون کد css شما با css قالب ادغام میشه و باعث میشه درست نمایش داده نشه!روی سایت پیادش نکردی؟ دمو بده لطفا
آنلاین که نتونستم بکنم

نمی دونم چه طوری و کجا کوئری باید بگیرم قالبو ضمیمه کردم ممنون میشم راهنماییم کنید

لینک دانلود قالب

 

Mohammad

مدیر انجمن
پرسنل مدیریت
روی سایت پیاده کنید. من فرصت نصب و... ندارم

 
بالا