Run results for: v + o + d 4

Run details:
User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0
Browser: Firefox 62
Operating system: Windows
Device Platform: Desktop
Date tested: 4 years ago
Test name	Executions per second
d	25016.9 Ops/sec
v	25115.5 Ops/sec
o	22675.2 Ops/sec
HTML Preparation code:
<style>
  .modal{transition:.2s; display:block; opacity:1; visibility:visible;}
  .modal.o{opacity:0; display:block; visibility:visible;}
  .modal.v{opacity:1; display:block; visibility:hidden;}
  .modal.d{opacity:1; display:none; visibility:visible;}
</style>
				<div class="row">
					<div class="col">
						<div class="box">
							<div class="box-header">
								<div class="box-title">Control Group > Button Group</div>
							</div>
							<div class="box-body">
								<div class="row">
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<div class="btn-group">
												<button class="btn btn-default">A-1</button>
												<button class="btn btn-default">A-2</button>
												<button class="btn btn-default">A-3</button>
											</div>
											<button class="btn btn-default">B</button>
											<button class="btn btn-default">C</button>
										</div>
									</div>
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<button class="btn btn-default">A</button>
											<div class="btn-group">
												<button class="btn btn-default">B-1</button>
												<button class="btn btn-default">B-2</button>
												<button class="btn btn-default">B-3</button>
											</div>
											<button class="btn btn-default">C</button>
										</div>
									</div>
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<button class="btn btn-default">A</button>
											<button class="btn btn-default">B</button>
											<div class="btn-group">
												<button class="btn btn-default">C-1</button>
												<button class="btn btn-default">C-2</button>
												<button class="btn btn-default">C-3</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
<div class="modal" data-modal="modal1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-red">
        <div class="modal-title">Example Modal</div>
        <div class="modal-tools">
          <div class="dropdown">
            <button class="btn btn-neutral dropdown-toggle">Options</button>
            <div class="dropdown-panel">
              <a href="#" class="dropdown-item">Addendum Vitae Consectetum</a>
              <a href="#" class="dropdown-item">Edit</a>
              <a href="#" class="dropdown-item">Delete</a>
            </div>
          </div>

          <button class="btn btn-neutral modal-closer">
            <i class="far fa-times"></i>
          </button>
        </div>
      </div>
      <div class="modal-body">
        <p data-fill="50">Soluta ipsum quoi minuste dolores dictus aliam alias vitatum ducimus debitis atque veniam aut doxolem vitatum quia veritatis veritatis sit recusandae ined minuste lorem reprehenri dolorem lorem desereni corupti reiciendis inde similique repelend cumque ipsum induntis cumque induntis cumque deleniti induntis sepo recusandae distinctio vitae molitia itaque recusani quam magni.</p>
      </div>
      <div class="modal-footer">
        <button class="btn btn-default modal-closer mr-2">Close</button>
        <button class="btn btn-primary">Save</button>
      </div>
    </div>
  </div>
</div>
				<div class="row">
					<div class="col">
						<div class="box">
							<div class="box-header">
								<div class="box-title">Control Group > Button Group</div>
							</div>
							<div class="box-body">
								<div class="row">
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<div class="btn-group">
												<button class="btn btn-default">A-1</button>
												<button class="btn btn-default">A-2</button>
												<button class="btn btn-default">A-3</button>
											</div>
											<button class="btn btn-default">B</button>
											<button class="btn btn-default">C</button>
										</div>
									</div>
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<button class="btn btn-default">A</button>
											<div class="btn-group">
												<button class="btn btn-default">B-1</button>
												<button class="btn btn-default">B-2</button>
												<button class="btn btn-default">B-3</button>
											</div>
											<button class="btn btn-default">C</button>
										</div>
									</div>
									<div class="col-sm-auto mb-1 mb-sm-0">
										<div class="control-group">
											<button class="btn btn-default">A</button>
											<button class="btn btn-default">B</button>
											<div class="btn-group">
												<button class="btn btn-default">C-1</button>
												<button class="btn btn-default">C-2</button>
												<button class="btn btn-default">C-3</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
Tests:
d
$(".modal").toggleClass("d");
v
$(".modal").toggleClass("v");
o
$(".modal").toggleClass("o");