ركن مشاكل أكواد التصميم : كل ما تواجهه من مشاكل أثناء تكويد وتركيب التصميم

فزعه يا أهل الجافا

casper
:: عضـــو::
تاريخ الإنضمام: 25 - 10 - 2005
رقم العضوية : 10847
المشاركات: 100
الإجابات المقدمة: 5
قديمة 07 - 10 - 2017, 21:43
المشاركة 1
نشاط casper
  • قوة السمعة : 65
  • الإعجاب: 16
    افتراضي فزعه يا أهل الجافا بدون إجابة


    السلام عليكم ورحمة الله وبركاته

    بدون ما اطول عليكم عندي كود جاكوري ومتوهق كيف أضبط الأكشن تبعه مع انه كود صغير .


    الكود شغله مناسبني 100% ماعدى حاجه وحده بس .... وهي لما أضغط الرابط تفتح القائمة تمام ولكن ما تقفل من حالها لما اضغط خارج القائمة , وحتى ان فتحت قائمة ثانية بجنبها تضل السابقه مفتوحه تحت بعضهم .... لازم اضغط نفس الرابط عشان تقفل .

    رمز PHP:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script> 
    $(document).ready(function(){
        $("#flip").click(function(){
            $("#panel").slideToggle("slow");
        });
    });
    </script>

    <style> 
    #panel, #flip {
        padding: 5px;
        text-align: center;
        background-color: #e5eecc;
        border: solid 1px #c3c3c3;
    }

    #panel {
        padding: 50px;
        display: none;
    }
    </style>
    </head>
    <body>
     
    <div id="flip">Click to slide the panel down or up</div>
    <div id="panel">Hello world!</div>

    </body>
    </html> 

    رابط الصفحة اللي فيها الكود للمعاينة أضغط على الكلام الموجود وتفهم قصدي .

    http://casper.hyperphp.com/sw.php

    وهذا رابط الكود الأصلي في موقعه

    https://www.w3schools.com/jquery/try...y_slide_toggle


    أدري انها شغله ما تصعب عليكم وفي الخير والبركه .

    ملف الكود مرفق

    دمتم
    الملفات المرفقة
    نوع الملف : zip sw.zip (805 بايت, عدد مرات المشاهدة 3 مرة)
    التعديل الأخير كان بواسطة casper; 07 - 10 - 2017 الساعة 22:00
    قديمة 11 - 10 - 2017, 07:21
    المشاركة 2
    صورة 'shqawe' الرمزية
    shqawe
    :: عضو نشيط ::
    تاريخ الإنضمام: 01 - 12 - 2005
    رقم العضوية : 13187
    المشاركات: 3,133
    الإجابات المقدمة: 22
    افتراضي رد : فزعه يا أهل الجافا
    وعليكم السلام ورحمة الله وبركاته

    جرب يالغالي الكود هذا ورد لنا

    رمز Code:
    $(document).ready(function(){
    $("#flip1").click(function(){
    $("#panel1").slideToggle("slow");
    
        }).blur(function(){
    $("#panel").slideUp('slow');
        });
    });
    
    اللهم الطف بحالنا
    ولا تؤاخذنا بما فعل السفهاء منا
    سبحان الله وبحمده ... سبحان الله العظيم
    قدم المعلومة لله ولا تنتظر الشكر من احد
    Skype: shqawe
    قديمة 12 - 10 - 2017, 16:12
    المشاركة 3
    casper
    :: عضـــو::
    تاريخ الإنضمام: 25 - 10 - 2005
    رقم العضوية : 10847
    المشاركات: 100
    الإجابات المقدمة: 5
    افتراضي رد : فزعه يا أهل الجافا
    شكرا لك اخوي shqawe

    بس ما نفع معاي هذا التغيير .

    للحين ابحث عن طريقه ولقيت أكواد css ولكن ماتأدي نفس الطريقة .
    https://bootsnipp.com/snippets/featu...trap-mega-menu

    شاكر خدمتك لي

    دمت.
    اضافة رد
    العلامات المرجعية

    فزعه يا أهل الجافا


    ممكن احد يساعدني في تكويد هذا الاستايل ضروري مساعدة في تصميم

    أدوات الموضوع
    طرق العرض



    الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 22:10.
    المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
    فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
    التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

    جميع الحقوق محفوظة Traidnt 2015
    • 00966920020037
    • 00966138648289
    • 2051033691
    Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2017, Jelsoft Enterprises Ltd
    SEO by vBSEO ©2011, Crawlability, Inc.