How can initialize a function mobile only? The Next CEO of Stack OverflowConvert existing magento website compatible to mobileIcons mobile view RWD the,How to create a special website for mobile devices?Mobile first with MagentoMobile menu diagnosis?Menu contents not displaying on mobile on Main page onlyHow can I change the menu tab title? (mobile version)Magento 2 Add new field to Magento_User admin formHow can scroll screen to clicked div in mobile viewLogin form validation is working but other forms validation is not working

Science fiction (dystopian) short story set after WWIII

India just shot down a satellite from the ground. At what altitude range is the resulting debris field?

How to Reset Passwords on Multiple Websites Easily?

Anatomically Correct Strange Women In Ponds Distributing Swords

How to use tikz in fbox?

If the heap is initialized for security, then why is the stack uninitialized?

WOW air has ceased operation, can I get my tickets refunded?

Why were Madagascar and New Zealand discovered so late?

How long to clear the 'suck zone' of a turbofan after start is initiated?

Opposite of a diet

Is a stroke of luck acceptable after a series of unfavorable events?

How do I get the green key off the shelf in the Dobby level of Lego Harry Potter 2?

Horror movie/show or scene where a horse creature opens its mouth really wide and devours a man in a stables

How to start emacs in "nothing" mode (`fundamental-mode`)

Grabbing quick drinks

Return the Closest Prime Number

How to be diplomatic in refusing to write code that breaches the privacy of our users

Is it safe to use c_str() on a temporary string?

Unreliable Magic - Is it worth it?

How to make a variable always equal to the result of some calculations?

Failed to fetch jessie backports repository

Why is there a PLL in CPU?

What is the point of a new vote on May's deal when the indicative votes suggest she will not win?

How to write the block matrix in LaTex?



How can initialize a function mobile only?



The Next CEO of Stack OverflowConvert existing magento website compatible to mobileIcons mobile view RWD the,How to create a special website for mobile devices?Mobile first with MagentoMobile menu diagnosis?Menu contents not displaying on mobile on Main page onlyHow can I change the menu tab title? (mobile version)Magento 2 Add new field to Magento_User admin formHow can scroll screen to clicked div in mobile viewLogin form validation is working but other forms validation is not working










0















CODE HTML:



<div id="element">
<div class="col-md-3">
<div data-role="collapsible">
<div data-role="trigger">
<span>Title 1</span>
</div>
</div>
<div data-role="content">Content 1</div>
</div>
<div class="col-md-3">
<div data-role="collapsible">
<div data-role="trigger">
<span>Title 2</span>
</div>
</div>
<div data-role="content">Content 2</div>
</div>
<div class="col-md-3">
<div data-role="collapsible">
<div data-role="trigger">
<span>Title 3</span>
</div>
</div>
<div data-role="content">Content 3</div>
</div>
<div class="col-md-3">
<div data-role="collapsible">
<div data-role="trigger">
<span>Title 4</span>
</div>
</div>
<div data-role="content">Content 4</div>
</div>
</div>


CODE JS:



require(['jquery','accordion'], function ($) 
$("#element").accordion(
"openedState": "active",
"collapsible": true,
"active": [0,1,2,3], /** Integrat Dynamic open tab */
"multipleCollapsible": true,
);
);


I have a function called an accordion and I want it's initialization to be only on the mobile (do not call on the desktop).



How can I do this?










share|improve this question




























    0















    CODE HTML:



    <div id="element">
    <div class="col-md-3">
    <div data-role="collapsible">
    <div data-role="trigger">
    <span>Title 1</span>
    </div>
    </div>
    <div data-role="content">Content 1</div>
    </div>
    <div class="col-md-3">
    <div data-role="collapsible">
    <div data-role="trigger">
    <span>Title 2</span>
    </div>
    </div>
    <div data-role="content">Content 2</div>
    </div>
    <div class="col-md-3">
    <div data-role="collapsible">
    <div data-role="trigger">
    <span>Title 3</span>
    </div>
    </div>
    <div data-role="content">Content 3</div>
    </div>
    <div class="col-md-3">
    <div data-role="collapsible">
    <div data-role="trigger">
    <span>Title 4</span>
    </div>
    </div>
    <div data-role="content">Content 4</div>
    </div>
    </div>


    CODE JS:



    require(['jquery','accordion'], function ($) 
    $("#element").accordion(
    "openedState": "active",
    "collapsible": true,
    "active": [0,1,2,3], /** Integrat Dynamic open tab */
    "multipleCollapsible": true,
    );
    );


    I have a function called an accordion and I want it's initialization to be only on the mobile (do not call on the desktop).



    How can I do this?










    share|improve this question


























      0












      0








      0








      CODE HTML:



      <div id="element">
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 1</span>
      </div>
      </div>
      <div data-role="content">Content 1</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 2</span>
      </div>
      </div>
      <div data-role="content">Content 2</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 3</span>
      </div>
      </div>
      <div data-role="content">Content 3</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 4</span>
      </div>
      </div>
      <div data-role="content">Content 4</div>
      </div>
      </div>


      CODE JS:



      require(['jquery','accordion'], function ($) 
      $("#element").accordion(
      "openedState": "active",
      "collapsible": true,
      "active": [0,1,2,3], /** Integrat Dynamic open tab */
      "multipleCollapsible": true,
      );
      );


      I have a function called an accordion and I want it's initialization to be only on the mobile (do not call on the desktop).



      How can I do this?










      share|improve this question
















      CODE HTML:



      <div id="element">
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 1</span>
      </div>
      </div>
      <div data-role="content">Content 1</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 2</span>
      </div>
      </div>
      <div data-role="content">Content 2</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 3</span>
      </div>
      </div>
      <div data-role="content">Content 3</div>
      </div>
      <div class="col-md-3">
      <div data-role="collapsible">
      <div data-role="trigger">
      <span>Title 4</span>
      </div>
      </div>
      <div data-role="content">Content 4</div>
      </div>
      </div>


      CODE JS:



      require(['jquery','accordion'], function ($) 
      $("#element").accordion(
      "openedState": "active",
      "collapsible": true,
      "active": [0,1,2,3], /** Integrat Dynamic open tab */
      "multipleCollapsible": true,
      );
      );


      I have a function called an accordion and I want it's initialization to be only on the mobile (do not call on the desktop).



      How can I do this?







      magento2 jquery html mobile






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited 46 mins ago









      Teja Bhagavan Kollepara

      3,01241949




      3,01241949










      asked Sep 20 '17 at 8:07









      CristiCristi

      11




      11




















          1 Answer
          1






          active

          oldest

          votes


















          0














          Less then 640 width would be mobile you can check this below way



          require(['jquery','accordion'], function ($) 
          if ($(window).width() < 640)
          $("#element").accordion(
          "openedState": "active",
          "collapsible": true,
          "active": [0,1,2,3], /** Integrat Dynamic open tab */
          "multipleCollapsible": true,
          );

          );





          share|improve this answer























            Your Answer








            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "479"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f193910%2fhow-can-initialize-a-function-mobile-only%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0














            Less then 640 width would be mobile you can check this below way



            require(['jquery','accordion'], function ($) 
            if ($(window).width() < 640)
            $("#element").accordion(
            "openedState": "active",
            "collapsible": true,
            "active": [0,1,2,3], /** Integrat Dynamic open tab */
            "multipleCollapsible": true,
            );

            );





            share|improve this answer



























              0














              Less then 640 width would be mobile you can check this below way



              require(['jquery','accordion'], function ($) 
              if ($(window).width() < 640)
              $("#element").accordion(
              "openedState": "active",
              "collapsible": true,
              "active": [0,1,2,3], /** Integrat Dynamic open tab */
              "multipleCollapsible": true,
              );

              );





              share|improve this answer

























                0












                0








                0







                Less then 640 width would be mobile you can check this below way



                require(['jquery','accordion'], function ($) 
                if ($(window).width() < 640)
                $("#element").accordion(
                "openedState": "active",
                "collapsible": true,
                "active": [0,1,2,3], /** Integrat Dynamic open tab */
                "multipleCollapsible": true,
                );

                );





                share|improve this answer













                Less then 640 width would be mobile you can check this below way



                require(['jquery','accordion'], function ($) 
                if ($(window).width() < 640)
                $("#element").accordion(
                "openedState": "active",
                "collapsible": true,
                "active": [0,1,2,3], /** Integrat Dynamic open tab */
                "multipleCollapsible": true,
                );

                );






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Sep 20 '17 at 9:23









                Murtuza ZabuawalaMurtuza Zabuawala

                12.6k73362




                12.6k73362



























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Magento Stack Exchange!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f193910%2fhow-can-initialize-a-function-mobile-only%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Can not update quote_id field of “quote_item” table magento 2Magento 2.1 - We can't remove the item. (Shopping Cart doesnt allow us to remove items before becomes empty)Add value for custom quote item attribute using REST apiREST API endpoint v1/carts/cartId/items always returns error messageCorrect way to save entries to databaseHow to remove all associated quote objects of a customer completelyMagento 2 - Save value from custom input field to quote_itemGet quote_item data using quote id and product id filter in Magento 2How to set additional data to quote_item table from controller in Magento 2?What is the purpose of additional_data column in quote_item table in magento2Set Custom Price to Quote item magento2 from controller

                    How to solve knockout JS error in Magento 2 Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?(Magento2) knockout.js:3012 Uncaught ReferenceError: Unable to process bindingUnable to process binding Knockout.js magento 2Cannot read property `scopeLabel` of undefined on Product Detail PageCan't get Customer Data on frontend in Magento 2Magento2 Order Summary - unable to process bindingKO templates are not loading in Magento 2.1 applicationgetting knockout js error magento 2Product grid not load -— Unable to process binding Knockout.js magento 2Product form not loaded in magento2Uncaught ReferenceError: Unable to process binding “if: function()return (isShowLegend()) ” magento 2

                    Nissan Patrol Зміст Перше покоління — 4W60 (1951-1960) | Друге покоління — 60 series (1960-1980) | Третє покоління (1980–2002) | Четверте покоління — Y60 (1987–1998) | П'яте покоління — Y61 (1997–2013) | Шосте покоління — Y62 (2010- ) | Посилання | Зноски | Навігаційне менюОфіційний український сайтТест-драйв Nissan Patrol 2010 7-го поколінняNissan PatrolКак мы тестировали Nissan Patrol 2016рвиправивши або дописавши її