I am attempting to automate tests on my company's product. They use a sort of a toggle. I have the HTML and an image of the toggle below. I've found a seeming answer at https://stackoverflow.com/a/24682401/901083, yielding XPath code of //div[@class='toggle btn btn-default off btn-sm'], but that div changes to "toggle btn btn-sm btn-primary" once clicked and "toggle btn btn-sm btn-default off" again when it comes back. How do I generically refer to that div no matter its setting?
HTML
<div style="width: 80px; height: 30px;" class="toggle btn btn-default off btn-sm" data-toggle="toggle">
<input data-off="O" data-on="I" data-size="small" data-toggle="toggle" data-val="true" data-val-required="The OptInReceiveEmail field is required."
data-width="80px" id="OptInReceiveEmail" name="OptInReceiveEmail" tabindex="0" value="true" type="checkbox">
<div class="toggle-group">
<label class="btn btn-primary btn-sm toggle-on">I</label><label class="btn btn-default btn-sm active toggle-off">O</label>
<span class="toggle-handle btn btn-default btn-sm"></span>
</div>
</div>
