using data attribute and case

by Fernando De Leon

HTML

<button id="button" data-otherthing='hello there'>
press here
</button>
<button class="aclass" data-something-id="a">Presss</button>
<button class="aclass" data-something="b">Presss</button>
<button class="aclass" data-something="c">Presss</button>
<button class="aclass" data-something="d">Presss</button>

</button>

<div id="container" data-something="C">
</div>
<input type="text" class="second_traveller_age_row" value="second age"/>
<input type="text" class="children_row" value="child age"/>
<div id="doing">

</div>

JavaScript

$("#button").on("click", function() {
console.log("am getting pressed!");
 console.log($(this).data("otherthing"));
 var $secondTravellerRow = $(".second_traveller_age_row"),
        $childrenRow = $(".children_row");
var $container = $("#container");
var travelPartyVal= $container.data("something");
  switch(travelPartyVal) {
            case "C":
                $secondTravellerRow.show();
                $childrenRow.hide();
                console.log(" is C");
                $("#doing").html("<p>We are displayin  c</p>");
                break;
            case "F":
                console.log("attempting to show");
                $secondTravellerRow.show();
                $childrenRow.show();
                break;
            default:
                $secondTravellerRow.hide();
                $childrenRow.hide();
        }
        $("#doing").html("<p>We are displayin "+travelPartyVal+"</p>");
});

$(".aclass").on("click",function() {
  var val = $(this).data("something-id");
  var val2 = $(".aclass").data("something");
  console.log(val+ "  "+val2);

});