I wanted to create some sort of FAQ page using a nested accordion but it somewhat didn't work. I wanted to search through the title and the body of each card. So far I can only search through the title…
I am very new to jQuery and one thing I always wanted to try was to create buttons that show different sections one at a time. I have just learned toggleClass function and currently this is what I have. There…
I'm trying to remove a product from the cart using the Shopify Ajax API, but the product isn't getting removed and I get an Unexpected token: ':' error in the console. $(".slide-cart-remove").on("click", function() { var id = $(this).attr("id"); jQuery.post('/cart/update.js', {updates:…
my page here has multiple checkboxes, each with its own textarea below. On page load, the textareas are hidden. Clicking a checkbox toggles the text area, which then displays a character counter beneath. This is working just as i need,…
I am trying to position my checkbox label to a certain position using margin-top: 15px; but for some reason, it's getting applied only to checkbox not the label but at the same time margin-right: 20px; is getting applied to the…
#accordion { .card { border: unset !important; .card-header { @extend .text-xx-large; background-color: $white; padding: ($spacer * 3.44) 0px ($spacer * 3.44) 0px; } } } .card-header { h5 { a{ color: $dark; position: relative; display: block; padding-right: ($spacer * 2.5);…
I am trying to add some text into an iframe in my code but for some reason I can't get the jquery to find a specific class in the frame. if I use a generic element like 'body' it works…
I am trying to use multiple dateTime pickers on my HTML page to capture "start date" and "end date". See my HTML below. <Head> <!-- LINKS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css"> <!-- SCRIPTS --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>…
First of all, I use Plate CMS(runs on shopify liquid), this is creating the sections you can see in the image above. Now im struggeling with a small problem. I want to loop all 6 sections but only 4 of…
I'm trying to incorporate Bootstrap's hamburger menu on a page, but cannot seem to get the list elements to display after toggle. The menu loads fine on desktop and does hide the links, displaying the hamburger. But, on click of…